Недопустимый объект конфигурации. Webpack был инициализирован с помощью объекта конфигурации, который не соответствует схеме API

Я решил эту проблему, удалив пустую строку из моего массива resolve. Проверьте разрешающую документацию на сайт webpack.

//Doesn't work
module.exports = {
  resolve: {
    extensions: ['', '.js', '.jsx']
  }
  ...
}; 

//Works!
module.exports = {
  resolve: {
    extensions: ['.js', '.jsx']
  }
  ...
};

просто измените "загрузчики" на "правила" в " webpack.конфиг.ОАО"

потому что загрузчики используются в Webpack 1, а правила в Webpack2. Вы можете видеть там есть различия.

попробуйте следующие действия:

npm uninstall webpack --save-dev

следовал по

npm install [email protected] --save-dev

тогда вы должны быть в состоянии глотать снова. Исправлена проблема для меня.

Я думаю, что ваш webpack версия 2.2.1. Я думаю, что вы должны использовать это руководство по миграции-->https://webpack.js.org/guides/migrating/

кроме того, вы можете использовать это пример TypeSCript + Webpack 2.

с уважением!

для таких людей, как я, которые недавно начали:loaders ключевое слово заменить С rules, хотя он по-прежнему представляет понятие погрузчиков. Так что мой webpack.config.js, для приложения React, выглядит следующим образом:

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
  module : {
    rules : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  }
};

module.exports = config;

изменение "загрузчиков" на "правила" работало для меня (webpack v4)

в webpack.конфиг.js заменить погрузчики: [..] с правилами: [..] Это сработало для меня.

у меня была та же проблема, и я решил ее, установив последнюю версию npm:

npm install -g npm@latest

а затем изменить решить

- конфигурации.разрешить.расширения[0] не должны быть пустыми.

теперь разрешить расширение должно выглядеть так:

resolve: {
    extensions: [ '.js', '.jsx']
},

выполнить npm start.

это работа для меня с помощью rules вместо loaders

module : {
rules : [
  {
    test : /\.jsx?/,
    include : APP_DIR,
    loader : 'babel-loader'
  }
]

}

конфигурационный файл Webpack изменился за эти годы (вероятно, с каждым крупным выпуском). Ответ на вопрос:

Почему я получаю эту ошибку

Invalid configuration object. Webpack has been initialised using a 
configuration object that does not match the API schema

это потому, что файл конфигурации не соответствует версии webpack используется.

принятый ответ не указывает на это, и другие ответы намекают на это, но не заявляют об этом четко npm установить [email protected],просто переход от" загрузчиков "к" правилам "в" webpack.конфиг.ОАО" и этой. Поэтому я решаю дать свой ответ на этот вопрос.

удаление и повторная установка webpack или использование глобальной версии webpack не устранит эту проблему. важно использовать правильную версию webpack для используемого файла конфигурации.

Если эта проблема была устранена при использовании глобальной версии это, вероятно, означает, что ваш глобальная версия была "старой" и webpack.конфиг.файл JS формат, используя "старое" так они соответствуют и Виола вещи, которые сейчас работают. Я все за то, чтобы все работало, но хочу, чтобы читатели знали, почему они работали.

всякий раз, когда вы получаете конфигурацию webpack, которая, как вы надеетесь, решит вашу проблему ... спросите себя, для какой версии webpack предназначена конфигурация.

есть много хороших ресурсов для изучения webpack. Некоторые являются:

• Официальный веб-сайт Webpack, описывающий конфигурацию webpack, в настоящее время находится в версии 4.x. Хотя это отличный ресурс для поиска того, как webpack должен работать, это не всегда лучший способ узнать, как 2 или 3 варианта в webpack работают вместе, чтобы решить проблему. Но это лучшее место для начала, потому что это заставляет вас знать, какую версию webpack вы используете. : -)

• Webpack (v3?) на примере - принимает укус размера подход для изучения webpack, выбирая проблему, а затем показывая, как ее решить в webpack. Мне нравится такой подход. К сожалению, это не учит webpack 4, но все еще хорошо.

• настройка Webpack4, Babel и реагировать с нуля, revisited - это специфично для реагирования, но хорошо, если вы хотите узнать много вещей, которые необходимы для создания приложения react single page.

• Webpack (v3) - The Запутанные Части - хорошо и охватывает много земли. Он датирован 10 апреля 2016 года и не охватывает webpack4, но многие из учебных пунктов действительны или полезны для изучения.

есть гораздо больше хороших ресурсов для изучения webpack4 на примере, пожалуйста, добавьте комментарии, если вы знаете о других. Надеюсь, в будущих статьях webpack будут указаны версии, которые используются / объясняются.

Я получил то же сообщение об ошибке при введении webpack в проект, который я создал с помощью npm init.

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.output.path: The provided value "dist/assets" is not an absolute path!

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

brew update
brew install yarn
brew upgrade yarn
yarn init
yarn add webpack webpack-dev-server path
touch webpack.config.js
yarn add babel-loader babel-core babel-preset-es2015 babel-preset-react --dev
yarn add html-webpack-plugin
yarn start

Я нашел следующую ссылку, полезная: настройка среды React с помощью webpack и Babel

У меня та же ошибка, что и у вас.

npm uninstall webpack -- save-dev

&

npm установить [email protected] -- save-dev

решить!.

эта ошибка возникает, когда я использую путь.resolve (), чтобы настроить параметры "вход" и "выход". entry: path.resolve(__dirname + '/app.jsx'). Просто попробуйте entry: __dirname + '/app.jsx'