我解决了问题。在我的next.config.js中，我使用了多个插件。我的错误是我写了几个module.exports语句。在我的例子中，解决方案看起来像这样：

//next.config.js
const withImages = require('next-images');
const withCSS = require('@zeit/next-css');

module.exports = withImages(withCSS());

在接下来的.config.js中尝试：

// next.config.js 
const withCSS = require('@zeit/next-css')

module.exports = withCSS({
  cssLoaderOptions: {
    url: false
  }
})

现在你应该可以像这样从node_modules导入样式表了：

import 'bootstrap-css-only/css/bootstrap.min.css';

• 注意：使用Next v 8+*
  **背景：**我花了几个小时试图简单地导入一个安装为node_module的CSS，各种解决方案大多是黑客的变通方法，但如上所示，有一个简单的解决方案。它是由核心团队成员之一提供的：https://spectrum.chat/next-js/general/ignoring-folders-files-specifically-fonts~4f68cfd5-d576-46b8-adc8-86e9d7ea0b1f

我不知道你有什么问题，但我只是按照docs example：
1已安装next-css npm install --save @zeit/next-css
2已创建next.config.js

const withCSS = require('@zeit/next-css');
module.exports = withCSS();

3在根文件夹中创建style.css文件

.example {
  font-size: 50px;
  background-color: red;
}

4创建了一个包含样式的测试页面

import '../style.css';

export default () => <div className="example">Hello World!</div>;

结果显示this
我有以下依赖项

"@zeit/next-css": "^1.0.1",
"next": "^7.0.0",
"react": "^16.5.2",
"react-dom": "^16.5.2"

希望这对你有一点帮助！

已经过了很长时间了，但也许这会对某人有所帮助。我在NextJS中添加视频时遇到了同样的问题。
首先你应该安装file-loader

npm i file-loader

然后我修改了我的next.js.js文件，如下所示：

module.exports = {
webpack: (config) => {
config.module.rules.push({
  test: /\.(mov|mp4|webm)$/,
  use: [
    {
      loader: "file-loader",
      options: {
        publicPath: "/_next/static/videos/",
        outputPath: "static/videos/",
        name: "[name].[hash].[ext]",
        esModule: false,
      },
    },
  ],
});

return config;
},
};

这些步骤解决了我的问题。