时间戳

首页 > 解决方案 > 运行 npm run dev 时下一个 js 创建下一个应用程序错误？

next.js - 运行 npm run dev 时下一个 js 创建下一个应用程序错误？

问题描述

我使用 create next app 初始化了一个项目，当我运行 npm run dev 时出现此错误：

错误 - ./styles/globals.css

全局 CSS 不能从您的 Custom 以外的文件导入<App>。由于样式表的全局特性，为了避免冲突，请将所有第一方全局 CSS 导入移至 pages/_app.js。或者将导入转换为组件级 CSS（CSS 模块）。

阅读更多：https ://nextjs.org/docs/messages/css-global

位置：pages_app.js

这是我的 _app.js

import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

标签： next.js

解决方案

删除CSS.

import '../styles/globals.css' // Remove this

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

或在global.css文件styles夹中添加文件

您已移动/删除了CSS导致此错误的 。

推荐阅读