我的 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)