使用Webpack构建时mime-db \\ db.json错误

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，但是仍然出现此错误。 我照顾的是在' test： /.json$/ '中添加了' exclude：/ node_modules / '属性。

像下面的代码片段：

webpack.config.js

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