前言
搭建 Next.js
项目时,我选择 NextUI 作为组件库,并根据官网的安装流程进行了配置,但最后出现了样式失效的问题。
解决方法
除去根据官网配置下来的流程,还需要新建一个 .npmrc
文件,并添加配置:
public-hoist-pattern[]=*@nextui-org/*
然后重新运行 pnpm install
命令安装依赖,重启项目,即可展示正确的样式效果了。
最后
本文是我个人的经验总结,如果有更加精确的原因或者其他更好的方式,欢迎大家指出。
搭建 Next.js
项目时,我选择 NextUI 作为组件库,并根据官网的安装流程进行了配置,但最后出现了样式失效的问题。
除去根据官网配置下来的流程,还需要新建一个 .npmrc
文件,并添加配置:
public-hoist-pattern[]=*@nextui-org/*
然后重新运行 pnpm install
命令安装依赖,重启项目,即可展示正确的样式效果了。
本文是我个人的经验总结,如果有更加精确的原因或者其他更好的方式,欢迎大家指出。