Nextjs模板开发服务器出现错误

Question

我刚刚开始学习next.js。我安装了create-next-app，并尝试启动开发服务器，但没有更改样板文件提供的任何代码。我得到了这个错误

./styles/globals.css
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global
Location: pages\_app.js

我刚刚开始使用nextjs，因此除了这个之外，我没有任何其他信息，我也没有更改任何代码。

我使用的命令

npx create-next-app next_js_list
cd next_js_list
npm run dev

这是我的package.json

{
  "name": "next_js_list",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "11.1.1",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "eslint": "7.32.0",
    "eslint-config-next": "11.1.1"
  }
}

Answer 1

对我来说也一样，看起来像是新的next.js版本11.1.1出现了错误，只要回到11.1.0，就会好的，很快就会有修复