以“老式”的方式(利用)/pages,我将编辑位于/pages目录下的_app.js文件,添加以下内容:
import Head from 'next/head'
export default function MyApp({ Component, pageProps }) {
return <>
<Head>
<link rel="stylesheet" href="/css/styles.css" />
</Head>
<Component {...pageProps} />
</>
}
然而,在新版本Next.js 13中,没有/pages/_app.js文件。相反,有layout.js和head.js。当我尝试在head.js(/favicon.ico旁边)中添加导入时,我会收到以下错误:
react_devtools_backend.js:4012 警告:不知道其优先级的情况下,无法在主文档之外呈现
<link>
。请考虑添加precedence="default"或将其移动到根<head>
标记中。
当我尝试在layout.js文件中导入如下内容时:
import "/css/styles.css";
我遇到了编译错误:
找不到模块:无法解析 '/css/styles.css'
我查看了官方文档,但他们只建议如何从全局样式(../../..)导入,而不是从公共文件夹导入。