Css 下一步是无限编译

Css 下一步是无限编译,css,reactjs,webpack,next.js,css-loader,Css,Reactjs,Webpack,Next.js,Css Loader,我已尝试按照上给出的说明进行操作 按照上面的说明,我将我的next.config.js文件设置为: const withCSS = require('@zeit/next-css'); module.exports = withCSS(); 我还没有任何针对NextJS的自定义选项 但是,在我的标题中,我有以下内容: import Head from "next"; import "../../test/css/bootstrap.min.css" const Header = () =&

我已尝试按照上给出的说明进行操作

按照上面的说明,我将我的next.config.js文件设置为:

const withCSS = require('@zeit/next-css');
module.exports = withCSS();
我还没有任何针对NextJS的自定义选项

但是,在我的
标题中,我有以下内容:

import Head from "next";

import "../../test/css/bootstrap.min.css"

const Header = () => (
<Head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Test</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
</Head>
);

export default Header;
从“下一步”导入头部;
导入“../../test/css/bootstrap.min.css”
常量头=()=>(
试验
);
导出默认标题;
每当我试图从“./components/layout/Header”
访问带有
导入标题的页面时,输出就位于
[wait]编译…
处,并且从不移动

.next/static/css
中没有像文档中所说的那样生成任何内容

非常感谢您的帮助:)

您的导入应该是:

import Head from "next/head";

很抱歉回复太晚,我已经测试过了。仍然没有解决编译问题:(