javascript - Laravel Mix 和 Webpack : Cannot Load JSON File (Webpack Adding . js 到文件名)

Question

我从 Webpack 收到以下错误:

ERROR in ./resources/assets/js/data/vehicles.json.js
Module build failed: Error: ENOENT: no such file or directory, open '/Users/path-to-my-app/resources/assets/js/data/vehicles.json.js'

文件加载失败我并不感到惊讶。 JSON 文件不名为 vehicles.json.js。它被称为vehicles.json。

导入文件的行内容为:

import vehicleTypes from '../data/vehicles.json'

但是，如果我将文件名更改为 vehicles.js (并使用导出语句使其成为模块)并将导入语句更改为:

import vehicleTypes from '../data/vehicles.js'

Webpack 工作正常。

我的印象是最新的 webpack 可以加载 JSON 文件而无需配置任何内容。

Answer 1

Since webpack >= v2.0.0, importing of JSON files will work by default. You might still want to use this if you use a custom file extension.

您可能正在使用旧版本的 webpack，这可以解释原因 默认情况下，加载程序不工作。

尝试将其作为自定义加载程序添加到您的 webpack.mix.js 文件中。

安装加载器:

npm install --save-dev json-loader

并声明自定义加载程序:

mix.webpackConfig({
         module: {
           loaders: [{
             test: /\.json$/,
             loader: 'json-loader'
             }]
           }
       });

您应该能够按照预期导入 .json 文件。