使用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 ... //
]