Uncaught Ошибка: Сборка модуля не удалась: Ошибка: Конфигурация PostCSS не найдена в: \ng2-admin\node_modules\bootstrap-loader при ошибке (собственная)
У меня есть клон каталога ng2-admin из git hub несколько дней назад, и я запускаю npm install. После этого я могу запустить и просмотреть пользовательский интерфейс, теперь я был удален из папки ng2-admin, папок docs и dist, из ng2-admin ошибка в консоли браузера с разбросанным пользовательским интерфейсом.
Так как исправить ошибку ниже, `
Uncaught Error: Module build failed: Error: No PostCSS Config found in: D:\ng2-admin\node_modules\bootstrap-loader
at Error (native)
at D:\ng2-admin\node_modules\postcss-load-config\index.js:51:26
at Error (native)
at D:\ng2-admin\node_modules\postcss-load-config\index.js:51:26
at Object../node_modules/css-loader/index.js!./node_modules/postcss-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/index.js?sourceMap!./node_modules/bootstrap-loader/lib/bootstrap.styles.loader.js!./node_modules/bootstrap-loader/no-op.js (http://localhost:5000/assets/vendor.bundle.js:56497:7)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at Object../node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/postcss-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/index.js?sourceMap!./node_modules/bootstrap-loader/lib/bootstrap.styles.loader.js!./node_modules/bootstrap-loader/no-op.js (http://localhost:5000/assets/vendor.bundle.js:88168:15)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at Object../node_modules/bootstrap-loader/lib/bootstrap.loader.js!./node_modules/bootstrap-loader/no-op.js (http://localhost:5000/assets/vendor.bundle.js:52755:22)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at Object../node_modules/bootstrap-loader/loader.js (http://localhost:5000/assets/vendor.bundle.js:52782:18)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at Object../src/vendor.browser.ts (http://localhost:5000/assets/vendor.bundle.js:90058:1)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at Object.5 (http://localhost:5000/assets/vendor.bundle.js:90087:18)
at __webpack_require__ (http://localhost:5000/assets/polyfills.bundle.js:54:30)
at webpackJsonpCallback (http://localhost:5000/assets/polyfills.bundle.js:25:23)
at http://localhost:5000/assets/vendor.bundle.js:2:1
./node_modules/css-loader/index.js!./node_modules/postcss-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/index.js?sourceMap!./node_modules/bootstrap-loader/lib/bootstrap.styles.loader.js!./node_modules/bootstrap-loader/no-op.js @ util.js:164
__webpack_require__ @ bootstrap 7cfd64b…:52
./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/postcss-loader/index.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/index.js?sourceMap!./node_modules/bootstrap-loader/lib/bootstrap.styles.loader.js!./node_modules/bootstrap-loader/no-op.js @ no-op.js?6a4c:4
__webpack_require__ @ bootstrap 7cfd64b…:52
./node_modules/bootstrap-loader/lib/bootstrap.loader.js!./node_modules/bootstrap-loader/no-op.js @ no-op.js:1
__webpack_require__ @ bootstrap 7cfd64b…:52
./node_modules/bootstrap-loader/loader.js @ loader.js:1
__webpack_require__ @ bootstrap 7cfd64b…:52
./src/vendor.browser.ts @ vendor.browser.ts:24
__webpack_require__ @ bootstrap 7cfd64b…:52
5 @ src async:7
__webpack_require__ @ bootstrap 7cfd64b…:52
webpackJsonpCallback @ bootstrap 7cfd64b…:23
(anonymous) @ vendor.bundle.js:2
lang.js:134 Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
client:38 [WDS] Errors while compiling.
client:80 ./~/css-loader!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap!./~/bootstrap-loader/lib/bootstrap.styles.loader.js!./~/bootstrap-loader/no-op.js
Module build failed: Error: No PostCSS Config found in: D:\ng2-admin\node_modules\bootstrap-loader
at Error (native)
at D:\Client2\ng2-admin\node_modules\postcss-load-config\index.js:51:26
@ ./~/style-loader!./~/css-loader!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap!./~/bootstrap-loader/lib/bootstrap.styles.loader.js!./~/bootstrap-loader/no-op.js 4:14-193
@ ./~/bootstrap-loader/lib/bootstrap.loader.js!./~/bootstrap-loader` /no-op.js`
@ ./~/bootstrap-loader/loader.js
@ ./src/vendor.browser.ts
@ multi vendor
`
4 ответа
Решение очень простое. Вам нужно добавить файл в корневой каталог вашего проекта:
postcss.config.js
Внутри контент может быть:
module.exports = {};
Это переведенная версия удаленного неанглийского ответа Фэн Шаду.
Если вы не хотите добавлять другой файл, достаточно добавить параметры в конфигурацию вашего веб-пакета:
{
loader: `postcss-loader`,
options: {
options: {},
plugins: () => {
autoprefixer({ browsers: [ 'last 2 versions' ] });
}
}
},
Решение состоит в том, чтобы на самом деле правильно ссылаться на файл конфигурации в параметрах загрузчика, как это (создайте пустой, хотя у вас его еще нет):
{
loader: 'postcss-loader',
options: {
config: {
path: 'path/to/postcss.config.js'
}
}
}
Вы не должны создавать пустые или фиктивные конфигсеры в папках node_modules.
Создайте node_modules/bootstrap-loader/postcss.config.js с содержимым module.exports={};
Это может быть вызвано ошибкой ссылки, в частности, импортом для файла CSS, который не существует.