相关疑难解决方法(0)

Next.js 全局 CSS 不能从自定义 <App> 以外的文件导入

我的 React 应用程序运行良好,也使用全局 CSS。

我跑了npm i next-images,添加了一张图片,编辑了next.config.js, ran npm run dev,现在我收到了这条消息

Global CSS cannot be imported from files other than your Custom <App>. Please move all global CSS imports to pages/_app.js.
Read more: https://err.sh/next.js/css-global
Run Code Online (Sandbox Code Playgroud)

我已经检查了文档,但我发现这些说明有点令人困惑,因为我是 React 的新手。

另外,为什么现在会发生这个错误?你认为这与 npm install 有什么关系吗?

我试图删除我与他们的代码一起添加的新文件,但这并不能解决问题。我也尝试过阅读更多:建议的内容。

我的最高层组件。

import Navbar from './Navbar';
import Head from 'next/head';
import '../global-styles/main.scss';

const Layout = (props) => (
  <div>
    <Head>
      <title>Bitcoin Watcher</title>
    </Head>
    <Navbar />
    <div className="marginsContainer">
      {props.children}
    </div>
  </div>
);

export default Layout; …
Run Code Online (Sandbox Code Playgroud)

css import sass reactjs next.js

22
推荐指数
3
解决办法
5万
查看次数

标签 统计

css ×1

import ×1

next.js ×1

reactjs ×1

sass ×1