未捕获错误:模块构建失败:错误:找不到PostCSS配置:\ ng2-admin \ node_modules \ bootstrap-loader错误(本机)

时间:2017-01-12 09:28:33

标签: angular2-routing ng2-bootstrap

我有几天前从git hub克隆ng2-admin目录并运行npm install之后我能够运行并看到UI,现在我已经从ng2-admin删除了node_modules文件夹,docs文件夹和dist文件夹现在,在分散的用户界面的浏览器控制台中面临以下错误。

那么如何解决以下错误, `

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

`

5 个答案:

答案 0 :(得分:21)

解决方案非常简单。您需要在项目根目录中添加一个文件:

s = data_2.drop_duplicates(['patnum'])['vrddat']
print (s)
0   2012-01-31
1   2012-02-29
2   2012-03-31
Name: vrddat, dtype: datetime64[ns]

在内部,内容可以是:

postcss.config.js

这是Feng SHADU现已删除的非英语答案的翻译版本。

答案 1 :(得分:1)

如果您不想添加其他文件,只需在webpack配置中添加选项即可:

         {
           loader: `postcss-loader`,
           options: {
             options: {},
             plugins: () => {
               autoprefixer({ browsers: [ 'last 2 versions' ] });
             }
           }
         },

答案 2 :(得分:1)

解决方案实际上是在这样的加载程序选项中正确引用配置文件(但是,如果还没有,请创建一个空文件):

    {
      loader: 'postcss-loader',
      options: {
        config: { 
          path: 'path/to/postcss.config.js' 
        } 
      }
    }

您不应在node_modules文件夹中创建空的或虚拟的占位符配置。

答案 3 :(得分:0)

使用内容module.exports = {}创建node_modules / bootstrap-loader / postcss.config.js;

答案 4 :(得分:-1)

这可能是由引用错误引起的,更具体地说是对不存在的CSS文件的导入。