Fresh install of quasar CLI and quasar dev won't work
-
I just installed Quasar CLI. Then I started a test app.
quasar init quasar-test
I accepted all the default options. Then I typed
cd quasar-test
quasar devAnd I get an error right away:
quasar dev Dev mode.......... spa Quasar theme...... mat Quasar CLI........ v0.17.23 Quasar Framework.. v0.17.19 Debugging......... enabled (node:3263) UnhandledPromiseRejectionWarning: Error: custom keyword definition is invalid: data.errors should be boolean - keyword.js:65 Ajv.addKeyword [quasar-test]/[ajv]/lib/keyword.js:65:13 - index.js:10 module.exports [quasar-test]/[ajv-errors]/index.js:10:7 - validateOptions.js:22 Object.<anonymous> [quasar-test]/[schema-utils]/src/validateOptions.js:22:1 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - loader.js:636 Module.require internal/modules/cjs/loader.js:636:17 - helpers.js:20 require internal/modules/cjs/helpers.js:20:18 (node:3263) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:3263) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.When I run quasar build, this is what I get:
quasar build Build mode........ spa Quasar theme...... mat Quasar CLI........ v0.17.23 Quasar Framework.. v0.17.19 Debugging......... no app:quasar-conf Reading quasar.conf.js +0ms app:webpack Extending SPA Webpack config +596ms app:artifacts Cleaned build artifact: "/Users/nts/repositories/quasar-test/dist/spa-mat" +4ms app:generator Generating Webpack entry point +2ms app:build Building... +2ms SPA █████████████████████████ [100%] in ~2s Version: webpack 4.25.1 Time: 1699ms Built at: 02/09/2019 10:37:46 PM Asset Size Chunks Chunk Names js/2d0e8be2.7011f422.js 785 bytes 2d0e8be2 js/2d2257ba.3a5cf767.js 783 bytes 2d2257ba js/2d22c0ff.1c1090d4.js 783 bytes 2d22c0ff js/app.5b31ad4c.js 16.6 KiB app app js/runtime.8e941cbb.js 2.25 KiB runtime runtime js/vendor.4f9c125c.js 205 KiB vendor vendor Entrypoint app = js/runtime.8e941cbb.js js/vendor.4f9c125c.js js/app.5b31ad4c.js ERROR in ./.quasar/app.styl Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: custom keyword definition is invalid: data.errors should be boolean - keyword.js:65 Ajv.addKeyword [quasar-test]/[ajv]/lib/keyword.js:65:13 - index.js:10 module.exports [quasar-test]/[ajv-errors]/index.js:10:7 - validateOptions.js:22 Object.<anonymous> [quasar-test]/[schema-utils]/src/validateOptions.js:22:1 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - loader.js:636 Module.require internal/modules/cjs/loader.js:636:17 - helpers.js:20 require internal/modules/cjs/helpers.js:20:18 - index.js:7 Object.<anonymous> [quasar-test]/[schema-utils]/src/index.js:7:25 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - NormalModule.js:286 runLoaders [quasar-test]/[webpack]/lib/NormalModule.js:286:20 - LoaderRunner.js:367 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:367:11 - LoaderRunner.js:172 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:172:11 - loadLoader.js:32 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:32:11 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:165 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:165:10 - LoaderRunner.js:176 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:176:18 - loadLoader.js:47 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:47:3 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:365 runLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:365:2 - NormalModule.js:265 NormalModule.doBuild [quasar-test]/[webpack]/lib/NormalModule.js:265:3 - NormalModule.js:412 NormalModule.build [quasar-test]/[webpack]/lib/NormalModule.js:412:15 - Compilation.js:633 Compilation.buildModule [quasar-test]/[webpack]/lib/Compilation.js:633:10 - Compilation.js:1019 moduleFactory.create [quasar-test]/[webpack]/lib/Compilation.js:1019:12 - NormalModuleFactory.js:405 factory [quasar-test]/[webpack]/lib/NormalModuleFactory.js:405:6 - NormalModuleFactory.js:155 hooks.afterResolve.callAsync [quasar-test]/[webpack]/lib/NormalModuleFactory.js:155:13 @ ./.quasar/client-entry.js 3:0-25 @ multi ./.quasar/client-entry.js ERROR in ./node_modules/quasar-extras/roboto-font/roboto-font.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: custom keyword definition is invalid: data.errors should be boolean - keyword.js:65 Ajv.addKeyword [quasar-test]/[ajv]/lib/keyword.js:65:13 - index.js:10 module.exports [quasar-test]/[ajv-errors]/index.js:10:7 - validateOptions.js:22 Object.<anonymous> [quasar-test]/[schema-utils]/src/validateOptions.js:22:1 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - loader.js:636 Module.require internal/modules/cjs/loader.js:636:17 - helpers.js:20 require internal/modules/cjs/helpers.js:20:18 - index.js:7 Object.<anonymous> [quasar-test]/[schema-utils]/src/index.js:7:25 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - NormalModule.js:286 runLoaders [quasar-test]/[webpack]/lib/NormalModule.js:286:20 - LoaderRunner.js:367 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:367:11 - LoaderRunner.js:172 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:172:11 - loadLoader.js:32 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:32:11 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:165 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:165:10 - LoaderRunner.js:176 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:176:18 - loadLoader.js:47 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:47:3 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:365 runLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:365:2 - NormalModule.js:265 NormalModule.doBuild [quasar-test]/[webpack]/lib/NormalModule.js:265:3 - NormalModule.js:412 NormalModule.build [quasar-test]/[webpack]/lib/NormalModule.js:412:15 - Compilation.js:633 Compilation.buildModule [quasar-test]/[webpack]/lib/Compilation.js:633:10 - Compilation.js:1019 moduleFactory.create [quasar-test]/[webpack]/lib/Compilation.js:1019:12 - NormalModuleFactory.js:405 factory [quasar-test]/[webpack]/lib/NormalModuleFactory.js:405:6 - NormalModuleFactory.js:155 hooks.afterResolve.callAsync [quasar-test]/[webpack]/lib/NormalModuleFactory.js:155:13 @ ./.quasar/client-entry.js 1:0-51 @ multi ./.quasar/client-entry.js ERROR in ./node_modules/quasar-extras/material-icons/material-icons.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: custom keyword definition is invalid: data.errors should be boolean - keyword.js:65 Ajv.addKeyword [quasar-test]/[ajv]/lib/keyword.js:65:13 - index.js:10 module.exports [quasar-test]/[ajv-errors]/index.js:10:7 - validateOptions.js:22 Object.<anonymous> [quasar-test]/[schema-utils]/src/validateOptions.js:22:1 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - loader.js:636 Module.require internal/modules/cjs/loader.js:636:17 - helpers.js:20 require internal/modules/cjs/helpers.js:20:18 - index.js:7 Object.<anonymous> [quasar-test]/[schema-utils]/src/index.js:7:25 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - NormalModule.js:286 runLoaders [quasar-test]/[webpack]/lib/NormalModule.js:286:20 - LoaderRunner.js:367 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:367:11 - LoaderRunner.js:172 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:172:11 - loadLoader.js:32 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:32:11 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:165 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:165:10 - LoaderRunner.js:176 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:176:18 - loadLoader.js:47 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:47:3 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:365 runLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:365:2 - NormalModule.js:265 NormalModule.doBuild [quasar-test]/[webpack]/lib/NormalModule.js:265:3 - NormalModule.js:412 NormalModule.build [quasar-test]/[webpack]/lib/NormalModule.js:412:15 - Compilation.js:633 Compilation.buildModule [quasar-test]/[webpack]/lib/Compilation.js:633:10 - Compilation.js:1019 moduleFactory.create [quasar-test]/[webpack]/lib/Compilation.js:1019:12 - NormalModuleFactory.js:405 factory [quasar-test]/[webpack]/lib/NormalModuleFactory.js:405:6 - NormalModuleFactory.js:155 hooks.afterResolve.callAsync [quasar-test]/[webpack]/lib/NormalModuleFactory.js:155:13 @ ./.quasar/client-entry.js 2:0-57 @ multi ./.quasar/client-entry.js ERROR in ./src/css/app.styl Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: custom keyword definition is invalid: data.errors should be boolean - keyword.js:65 Ajv.addKeyword [quasar-test]/[ajv]/lib/keyword.js:65:13 - index.js:10 module.exports [quasar-test]/[ajv-errors]/index.js:10:7 - validateOptions.js:22 Object.<anonymous> [quasar-test]/[schema-utils]/src/validateOptions.js:22:1 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - loader.js:636 Module.require internal/modules/cjs/loader.js:636:17 - helpers.js:20 require internal/modules/cjs/helpers.js:20:18 - index.js:7 Object.<anonymous> [quasar-test]/[schema-utils]/src/index.js:7:25 - loader.js:688 Module._compile internal/modules/cjs/loader.js:688:30 - loader.js:699 Object.Module._extensions..js internal/modules/cjs/loader.js:699:10 - loader.js:598 Module.load internal/modules/cjs/loader.js:598:32 - loader.js:537 tryModuleLoad internal/modules/cjs/loader.js:537:12 - loader.js:529 Function.Module._load internal/modules/cjs/loader.js:529:3 - NormalModule.js:286 runLoaders [quasar-test]/[webpack]/lib/NormalModule.js:286:20 - LoaderRunner.js:367 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:367:11 - LoaderRunner.js:172 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:172:11 - loadLoader.js:32 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:32:11 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:165 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:165:10 - LoaderRunner.js:176 [quasar-test]/[loader-runner]/lib/LoaderRunner.js:176:18 - loadLoader.js:47 loadLoader [quasar-test]/[loader-runner]/lib/loadLoader.js:47:3 - LoaderRunner.js:169 iteratePitchingLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:169:2 - LoaderRunner.js:365 runLoaders [quasar-test]/[loader-runner]/lib/LoaderRunner.js:365:2 - NormalModule.js:265 NormalModule.doBuild [quasar-test]/[webpack]/lib/NormalModule.js:265:3 - NormalModule.js:412 NormalModule.build [quasar-test]/[webpack]/lib/NormalModule.js:412:15 - Compilation.js:633 Compilation.buildModule [quasar-test]/[webpack]/lib/Compilation.js:633:10 - Compilation.js:1019 moduleFactory.create [quasar-test]/[webpack]/lib/Compilation.js:1019:12 - NormalModuleFactory.js:405 factory [quasar-test]/[webpack]/lib/NormalModuleFactory.js:405:6 - NormalModuleFactory.js:155 hooks.afterResolve.callAsync [quasar-test]/[webpack]/lib/NormalModuleFactory.js:155:13 @ ./.quasar/client-entry.js 4:0-26 @ multi ./.quasar/client-entry.js ERROR in ./src/App.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. - index.js:21 loadTemplateCompiler [quasar-test]/[vue-loader]/lib/index.js:21:11 - index.js:65 Object.module.exports [quasar-test]/[vue-loader]/lib/index.js:65:35 @ ./.quasar/app.js 2:0-34 10:15-18 @ ./.quasar/client-entry.js @ multi ./.quasar/client-entry.js ERROR in ./src/layouts/MyLayout.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. - index.js:21 loadTemplateCompiler [quasar-test]/[vue-loader]/lib/index.js:21:11 - index.js:65 Object.module.exports [quasar-test]/[vue-loader]/lib/index.js:65:35 @ ./src/router/routes.js 4:11-41 @ ./src/router/index.js @ ./.quasar/app.js @ ./.quasar/client-entry.js @ multi ./.quasar/client-entry.js ERROR in ./src/pages/Error404.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. - index.js:21 loadTemplateCompiler [quasar-test]/[vue-loader]/lib/index.js:21:11 - index.js:65 Object.module.exports [quasar-test]/[vue-loader]/lib/index.js:65:35 @ ./src/router/routes.js 18:13-41 @ ./src/router/index.js @ ./.quasar/app.js @ ./.quasar/client-entry.js @ multi ./.quasar/client-entry.js ERROR in ./src/pages/Index.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. - index.js:21 loadTemplateCompiler [quasar-test]/[vue-loader]/lib/index.js:21:11 - index.js:65 Object.module.exports [quasar-test]/[vue-loader]/lib/index.js:65:35 @ ./src/router/routes.js 9:13-38 @ ./src/router/index.js @ ./.quasar/app.js @ ./.quasar/client-entry.js @ multi ./.quasar/client-entry.js app:build [FAIL] Build failed with errors. Check log above. +1msKind of frustrating it doesn’t work right out of the box. This is the first quasar project I have tried.
-
Set quasar cli to use npm.
-
It took me a while to figure out where do to that. You are talking for when I init the project to choose NPM there. That is what I did, and I got it to work. Can I change that option after I run
quasar init <project_folder>? -
@nbshepherd good question.
First, sorry for my english.
Package Manager configuration is about Webpack, so to achieve what you want, I think you could change this line in node_modules/webpack/bin/webpack.js:
OR, as you can see, adding a “yarn.lock” file in to your project root directory.I didn’t try do that. Please, let me know if works.