Error in relation to quasar-extras: "Module build failed: Error: No PostCSS Config found"

[arjanski]

Hello everyone,

I know that this is probably due to my faulty setup, but since the error I am getting is related to the quasar-extras package, I thought I’d ask if anyone can help out.

After updating packages (which are all now up to date), my app does not compile with this error message:

ERROR in ./node_modules/css-loader?sourceMap!./node_modules/postcss-loader/lib?sourceM
ap!./node_modules/quasar-extras/ionicons/ionicons.css
Module build failed: Error: No PostCSS Config found in: /Users/.../Git Repositories/Haller/node_modules/quasar-extras/ionicons
    at /Users/.../Repositories/Haller/node_modules/postcss
-load-config/index.js:51:26
    at <anonymous>
 @ ./node_modules/quasar-extras/ionicons/ionicons.css 4:14-121 13:3-17:5 14:22-129

I am receiving multiple (supposedly similar) errors where no PostCSS config is found (also for the material fonts and some external plugins).

Does anyone know what to do in this case? I am a JS beginner, the app itself was running fine in dev mode for months.

This is my npm list output:

quasar-app@0.0.1 
├── @kazupon/vue-i18n-loader@0.2.1
├── autoprefixer@6.3.1
├── axios@0.17.1
├── babel-core@6.26.0
├── babel-eslint@8.2.1
├── babel-loader@7.1.2
├── babel-plugin-transform-runtime@6.23.0
├── babel-preset-es2015@6.24.1
├── babel-preset-stage-2@6.24.1
├── babel-runtime@6.26.0
├── colors@1.1.2
├── connect-history-api-fallback@1.5.0
├── css-loader@0.28.8
├── es6-promise@4.2.2
├── eslint@4.15.0
├── eslint-config-standard@11.0.0-beta.0
├── eslint-friendly-formatter@3.0.0
├── eslint-loader@1.9.0
├── eslint-plugin-html@4.0.1
├── eslint-plugin-import@2.8.0
├── eslint-plugin-node@5.2.1
├── eslint-plugin-promise@3.6.0
├── eslint-plugin-standard@3.0.1
├── eventsource-polyfill@0.9.6
├── express@4.16.2
├── extract-text-webpack-plugin@3.0.2
├── file-loader@1.1.6
├── friendly-errors-webpack-plugin@1.6.1
├── glob@7.1.2
├── html-webpack-plugin@2.30.1
├── http-proxy-middleware@0.17.4
├── json-loader@0.5.7
├── opn@5.2.0
├── optimize-css-assets-webpack-plugin@3.2.0
├── postcss-loader@2.0.10
├── progress-bar-webpack-plugin@1.10.0
├── purify-css@1.2.5
├── quasar-extras@0.0.8
├── quasar-framework@0.14.7
├── shelljs@0.8.0
├── stylus@0.54.5
├── stylus-loader@3.0.1
├── url-loader@0.6.2
├── vue@2.5.13
├── vue-awesome-swiper@3.1.0
├── vue-i18n@7.4.0
├── vue-i18n-loader@1.0.0
├── vue-loader@13.7.0
├── vue-router@3.0.1
├── vue-style-loader@3.0.3
├── vue-template-compiler@2.5.13
├── webpack@3.10.0
├── webpack-dev-middleware@2.0.4
├── webpack-hot-middleware@2.21.0
└── webpack-merge@4.1.1

If you need any more infos about my setup, please let me know.

Thank you very much!

[arjanski]

Solved, actually don’t know what the problem was. I basically reinstalled all packages which solved the problem.