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

Posted 2023-03-08

【中文标题】使用 webpack 构建时 mime-db\\db.json 出错

【英文标题】：Error with mime-db\db.json when building with webpack使用 webpack 构建时 mime-db\db.json 出错

【发布时间】：2016-03-14 18:23:57

【问题描述】：

我正在使用 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 页面，但没有任何相关信息。

【参考方案1】：

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

我的 Webpack 4/Babel 7/React 16.8.6/Node 11 应用程序中已经安装了 json-loader，但我仍然收到此错误。为我处理它的是添加一个 'exclude: /node_modules/' 属性 '测试：/.json$/'。

像下面的sn-p：

webpack.config.js

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

【参考方案2】：

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

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