next项目那为什么引入react-jwchat就报错./node_modules/react-jwchat/dist/esm/components/ChatHeader/style.module.css CSS Modules cannot be imported from within node_modules. Read more: https://nextjs.org/docs/messages/css-modules-npm Location: node_modules\react-jwchat\dist\esm\components\ChatHeader\index.js 不引入就不报错能运行 引入就报错 就不能运行了
时间: 2023-10-05 10:13:52 浏览: 203
这个错误是由于 Next.js 对 CSS Modules 在 node_modules 中的导入进行限制导致的。在 Next.js 中,只能在项目的根目录中使用 CSS Modules。
解决这个问题的一种方法是将 `react-jwchat` 中的 CSS 文件拷贝到你的项目中,并在需要使用的组件中直接引用该 CSS 文件,而不是通过 `import` 语句从 `node_modules` 中导入。
另外,你也可以尝试在 Next.js 的配置文件 `next.config.js` 中设置 `cssModules` 选项为 `true`,以允许在 node_modules 中使用 CSS Modules。具体的配置方式可以参考 Next.js 的官方文档中关于 CSS Modules 的部分。
记得在修改配置文件后重新启动 Next.js 项目,让配置生效。希望这些方法可以帮助你解决问题!如果还有其他疑问,请随时提问。
阅读全文