"ReactBingmaps" 不适用于下一个 - css file/module 来自 node_modules 不受支持

Question

代码仓库在这里：“https://github.com/jim-king-2000/nextbugrepro”。 重现该行为的步骤，请提供代码片段或存储库：

创建下一个示例项目。 （参见 next.js 教程。） npm i react-bingmaps 将 "import { ReactBingmaps } from 'react-bingmaps';" 添加到 "pages/index.js"。 npm 安装 --save @zeit/next-css 创建 next.config.js 并复制以下代码：

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

查看错误： ./node_modules/react-bingmaps/lib/components/ReactBingmaps/ReactBingmaps.css 1:0 模块解析失败：意外标记 (1:0) 您可能需要一个合适的加载器来处理这种文件类型。

.react-bingmaps{ |宽度：100%； |身高：100%

Answer 1

请参阅 this and this github 个问题。

作为临时 hack，尝试将其添加到 next.config.js 文件的顶部：

if (typeof require !== "undefined") {

 require.extensions[".css"] = () => {};

}