webpack - Invalid PostCSS Plugin found: [0] -


i'm struggling days getting spring boot app work again...

i wanted deploy application heroku , got strange error:

uncaught error: module build failed: typeerror: invalid postcss plugin found: [0] @ c:\entwicklung\git\coinlender\node_modules\postcss-load-plugins\lib\plugins.js:32:17 @ array.foreach (native) @ plugins (c:\entwicklung\git\coinlender\node_modules\postcss-load-plugins\lib\plugins.js:21:15) @ c:\entwicklung\git\coinlender\node_modules\postcss-load-config\index.js:64:18 @ c:\entwicklung\git\coinlender\node_modules\postcss-load-plugins\lib\plugins.js:32:17 @ array.foreach (native) @ plugins (c:\entwicklung\git\coinlender\node_modules\postcss-load-plugins\lib\plugins.js:21:15) @ c:\entwicklung\git\coinlender\node_modules\postcss-load-config\index.js:64:18 @ object.module.exports.createdebug.debug.createdebug.default (http://localhost:8080/vendor.dll.js:94862:7) @ __webpack_require__ (http://localhost:8080/vendor.dll.js:21:30) @ object.module.exports (http://localhost:8080/vendor.dll.js:112728:15) @ __webpack_require__ (http://localhost:8080/vendor.dll.js:21:30) @ object.defineproperty.value (http://localhost:8080/vendor.dll.js:94506:84) @ __webpack_require__ (http://localhost:8080/vendor.dll.js:21:30) @ object.24 (http://localhost:8080/app/main.bundle.js:13268:42) @ __webpack_require__ (http://localhost:8080/app/manifest.bundle.js:694:30) @ fn (http://localhost:8080/app/manifest.bundle.js:115:20) @ object../src/main/webapp/app/app.module.ts (http://localhost:8080/app/main.bundle.js:3641:1)

i googled , found out bindings possibly not correct. executed

npm rebuild node-sass --force

in order set them correctly. did not help. since i'm getting error.

i found hints has postcss.config.js, empty (it worked 6 weeks now). added plugins. looks now:

module.exports = {   parser: require('postcss-scss'),   plugins: [         require('postcss-sassy-mixins'),         require('precss'),         require('autoprefixer')     ] }

also didn't help. still shows me error there's invalid postcss plugin. (all plugins in postcss.conig.js installed via npm).

please see package.json here:

{   "name": "coinlender",   "version": "0.0.0",   "description": "description coinlender",   "private": true,   "cachedirectories": [     "node_modules"   ],   "dependencies": {     "@angular/common": "4.1.3",     "@angular/compiler": "4.1.3",     "@angular/core": "4.1.3",     "@angular/forms": "4.1.3",     "@angular/http": "4.1.3",     "@angular/platform-browser": "4.1.3",     "@angular/platform-browser-dynamic": "4.1.3",     "@angular/router": "4.1.3",     "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26",     "bootstrap": "4.0.0-alpha.6",     "core-js": "2.4.1",     "font-awesome": "4.7.0",     "jquery": "3.2.1",     "ng-jhipster": "0.2.6",     "ng2-webstorage": "1.8.0",     "ngx-cookie": "1.0.0",     "ngx-infinite-scroll": "0.4.1",     "reflect-metadata": "0.1.10",     "rxjs": "5.4.0",     "swagger-ui": "2.2.10",     "sockjs-client": "1.1.4",     "webstomp-client": "1.0.6",     "tether": "1.4.0",     "zone.js": "0.8.11",     "ngx-ui-switch": "^1.3.6"   },   "devdependencies": {     "@angular/cli": "1.0.6",     "@angular/compiler-cli": "4.1.3",     "@types/jasmine": "2.5.47",     "@types/node": "7.0.22",     "add-asset-html-webpack-plugin": "1.0.2",     "angular2-template-loader": "0.6.2",     "awesome-typescript-loader": "3.1.3",     "browser-sync": "2.18.12",     "browser-sync-webpack-plugin": "1.1.4",     "codelyzer": "2.1.1",     "copy-webpack-plugin": "4.0.1",     "css-loader": "0.28.3",     "del": "2.2.2",     "event-stream": "3.3.4",     "exports-loader": "0.6.4",     "extract-text-webpack-plugin": "2.1.0",     "file-loader": "0.11.1",     "generator-jhipster": "4.5.6",     "html-loader": "0.4.5",     "html-webpack-plugin": "2.28.0",     "jasmine-core": "2.6.2",     "karma": "1.7.0",     "karma-chrome-launcher": "2.1.1",     "karma-coverage": "1.1.1",     "karma-intl-shim": "1.0.3",     "karma-jasmine": "1.1.0",     "karma-junit-reporter": "1.2.0",     "karma-notify-reporter": "1.0.1",     "karma-phantomjs-launcher": "1.0.4",     "karma-remap-istanbul": "0.6.0",     "karma-sourcemap-loader": "0.3.7",     "karma-webpack": "2.0.3",     "lazypipe": "1.0.1",     "lodash": "4.17.4",     "map-stream": "0.0.7",     "merge-jsons-webpack-plugin": "1.0.6",     "phantomjs-prebuilt": "2.1.14",     "proxy-middleware": "0.15.0",     "rimraf": "2.6.1",     "run-sequence": "1.2.2",     "sourcemap-istanbul-instrumenter-loader": "0.2.0",     "string-replace-webpack-plugin": "0.1.3",     "style-loader": "0.16.1",     "to-string-loader": "1.1.5",     "tslint": "4.5.1",     "tslint-loader": "3.5.3",     "typescript": "2.3.3",     "webpack": "2.6.1",     "webpack-dev-server": "2.4.5",     "webpack-merge": "4.1.0",     "webpack-notifier": "1.5.0",     "webpack-visualizer-plugin": "0.1.11",     "web-app-manifest-loader": "0.1.1",     "write-file-webpack-plugin": "3.4.2",     "xml2js": "0.4.17",     "sass-loader": "5.0.1",     "node-sass": "4.5.3",     "postcss-loader": "1.3.0",     "yargs": "6.6.0"   },   "engines": {     "node": ">=6.9.0"   },   "scripts": {     "lint": "tslint 'src/main/webapp/app/**/*.ts'",     "lint:fix": "tslint 'src/main/webapp/app/**/*.ts' --fix",     "ngc": "ngc -p tsconfig-aot.json",     "cleanup": "rimraf target/{aot,www}",     "start": "yarn run webpack:dev",     "webpack:dev": "webpack-dev-server --config webpack/webpack.dev.js --progress --inline --hot --profile --port=9060",     "webpack:build:vendor": "webpack --config webpack/webpack.vendor.js --progress --profile",     "webpack:build:dev": "webpack --config webpack/webpack.dev.js --progress --profile",     "webpack:build": "yarn run cleanup && yarn run webpack:build:vendor && yarn run webpack:build:dev",     "webpack:prod": "yarn run cleanup && webpack -p --config webpack/webpack.vendor.js --progress --profile && webpack -p --config webpack/webpack.prod.js --progress --profile",     "webpack:test": "yarn run test",     "test": "yarn run lint && karma start src/test/javascript/karma.conf.js",     "test:watch": "karma start src/test/javascript/karma.conf.js --watch",     "postinstall": "node node_modules/phantomjs-prebuilt/install.js"   } }

i'm searching , trying 3 days now. appreciated.

so got error again, , wanted confirm answer of dan cancro did trick!

here's did (for others in order not waste time did):

  1. i changed "postcss-loader": "1.3.0" "postcss-loader": "1.3.3"

  2. deleted /node_modules folder

  3. removed package-lock.json file

  4. ran npm install

  5. ran yarn run webpack:build

that solved issue me.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more