未找到模块：无法在 next.js 项目中解析“../styles/global.css”答案

【问题标题】：Module not found: Can't resolve '../styles/global.css' in an next.js project未找到模块：无法在 next.js 项目中解析“../styles/global.css”
【发布时间】：2020-08-15 14:39:23
【问题描述】：

我正在按照以下说明进行操作： https://nextjs.org/learn/basics/assets-metadata-css/global-styles

添加 import '../styles/global.css' 时收到错误消息到 _app.js

./pages/_app.js 未找到模块：无法解析“C:\Users\Owner\Documents\tradingCFD\pages”中的“../styles/global.css”

【问题讨论】：

你是否在 C:\Users\Owner\Documents\tradingCFD\styles\global.css 创建了 css 文件
是的，我创建了一个文件：global.css
请提供确切的代码sn-ps和你的相关目录结构，以及_.app.js相关代码
你重启服务器了吗？
查看github.com/zeit/next-plugins/tree/master/packages/next-css

标签： javascript reactjs next.js

【解决方案1】：

您的 global.css 似乎在 public/styles.，而不仅仅是 styles/。样式目录应该向上移动到应用根目录中。

【讨论】：

【解决方案2】：

我遇到了这个问题。教程告诉你重启服务器，做吧。

重启开发服务器

重要提示：添加pages/_app.js时需要重启开发服务器。按 Ctrl + c 停止服务器并运行：

 npm run dev

如果您将 _app 和 global 放在正确的文件夹中，它应该可以正常运行。

【讨论】：

【解决方案3】：

与 OP 的问题不完全相同，但在我的情况下，使用 styled-components createGlobalStyle，我错误地将文件引用为 ../styles/global 并且它在本地构建良好即使文件名是Global.js。 Vercel 上的构建并没有那么宽松。

TLDR：仔细检查文件参考的大小写?

【讨论】：