1. 程式人生 > >vue專案中stylus引入時報錯解決

vue專案中stylus引入時報錯解決

我在引入時遇到下面的問題

編譯報錯:
This dependency was not found:


* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type
=styles&index=0!./navs.vue in ./src/components/navs.vue To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap"
:false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./navs.vue

前提是webpack配置正確

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'src': resolve('src'),
      'common': resolve('src/common')
    }

解決辦法
先npm install stylus --save然後安裝你少的page.json中依賴:npm install stylus-loader css-loader style-loader --save-dev注意還要檢視下vue-loader的版本,太低的版本也是還會繼續(比如Module build failed: TypeError: loader.charAt is not a function,就是版本低)可以通過npm install vue-loader

@latest --save-dev 將vue-loader 更新到最新的版本