Файл 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, начиная с webpack 2.0.0.

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

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

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

Например (обратите внимание, что в этом примере вместо json-loader используется file-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