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 dev

    And 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. +1ms
    
    

    Kind 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:
    0_1549857294196_631ccb65-411d-47ea-b152-574cd61024c7-image.png
    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.


Log in to reply