Файл JSON не найден в веб-пакете

Question

Я разрабатываю небольшой личный проект, мне нужно импортировать файлы JSON с веб-пакетом, но это невозможно

package.json содержит:

    "webpack": "^4.17.1"
    "json-loader": "^0.5.7",

webpack.config.js содержит

{ test: /\.json$/, use: 'json-loader' },

Я не знаю, что против кода сказать мне эту проблему

import * as data from './loading.json';
- Cannot resolve module 'json' - 

вопрос "Загрузите статический файл JSON в Webpack" не решает мою проблему и с json-загрузчиком или нет, эта проблема все еще присутствует

Answer 1

Как уже упоминалось, вам больше не нужен json-загрузчик для .json с веб-пакета 2.0.0.

Однако, если вы используете json-loader, поскольку не хотите связывать файл json, я бы порекомендовал использовать одно из следующих решений:

1. Используйте Copy Webpack Plugin, чтобы скопировать файл json в каталог сборки.

2. использование type = 'javascript/auto'

Например (обратите внимание, что в этом примере используется файл-загрузчик вместо json-loader):

{
  type: 'javascript/auto',
  test: /\.json$/,
  use: [
    {
      loader: 'file-loader',
      include: [path.resolve(__dirname, 'src')],
      options: {
          name: '[name].[ext]'
      }
    }
  ]
}

Обновлено: добавлено include, Не забудьте поместить файл json в папку src.

Для получения дополнительной информации, пожалуйста, ознакомьтесь с этой страницей: json выпуск Webpack 4.0 file-loader