实习总结——vue运行时问题（npm run dev）

运行时问题（npm  run dev）:

1,npm  run dev报错：

This dependency was not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./a.vue in ./src/components/a.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-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./a.vue

解决方法：

npm install sass-loader --save;

npm install node-sass --save;

 

2,VUE 项目dependency was not found: * !!vue-style-loader!css-loader? 解决方案

用npm run dev 运行vue项目时，出现以下错误：

ERROR  Failed to compile with 1 errors   11:17:27                                                                                                                            This dependency was not found:

* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-331f341c","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Index.vue in ./src/components/Index.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-331f341c","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Index.vue

解决方法，看错误中列出了哪几个模块，都给装上：

npm install stylus-loader css-loader style-loader less-loader --save-dev

 

3,在vue中使用sass的配置的方法

• 安装sass的依赖包

npm install --save-dev sass-loader

//sass-loader依赖于node-sass

npm install --save-dev node-sass

• 在build文件夹下的webpack.base.conf.js的rules里面添加配置

{

  test: /\.sass$/,

  loaders: ['style', 'css', 'sass']

}

 

• 在APP.vue中修改style标签