Question

我正在使用webpack和Visual Studio Code来构建Angular 2 / nodejs应用程序。

我在创建捆绑包时遇到问题，因为webpack抱怨：

ERROR in ./~/mime-db/db.json
Module parse failed: c:\ftct\node_modules\mime-db\db.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "application/1d-interleaved-parityfec": {
|     "source": "iana"
|   },
 @ ./~/mime-db/index.js 11:17-37

我已经尝试清除npm缓存，删除并重新安装无济于事。有谁知道可能导致这个问题的原因？我查看了mime-db GitHub页面，但它没有任何关于此的信息。

Answer 1

我通过安装webpack json-loader解决了这个问题。（npm install --save json-loader）
然后在我的webpack配置中注册它。

config = {
    module: {
        loaders: [{
            loader: 'json-loader',
            test: /\.json$/
        }]
    }
}

Answer 2

注意：以下内容是最新的Webpack / Babel配置

我已经在我的 Webpack 4 / Babel 7 / React 16.8.6 / Node 11 应用中安装了json-loader，但仍然出现此错误。为我处理的是在其中添加“ 排除：/ node_modules / ”属性 '测试：/。json $ / '。

类似于以下代码段：

webpack.config.js

// 'rules: []' is Webpack 4 syntax to replace 'loaders: []'
rules: [  
    { test: /\.json$/, loader: 'json-loader', exclude: /node_modules/ },
    // ... Rules for other loaders ... //
]

使用webpack构建时mime-db \ db.json出错

2 个答案: