实习总结——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标签

4，vue项目中，解决 node-sass安装出错

一般node-sass安装起来本来就不稳定保险一点就是全部重新安装

1）删除node_modules，不能在文件夹中删除，在终端执行下面命令

npm install rimraf -g

rimraf node_modules

2)重新安装依赖

npm install / cnpm install

3)安装node-sass

cnpm install node-sass

4)如果之前安装过node-sass

npm rm node-sass ---- 先移除包

cnpm install node-sass ----再安装

Ps:出现"Module build failed: Error: Cannot find module ‘lodash.clonedeep’ "

说明没有安装对，重新按正确命令安装。

5，运行时报错：Uncaught TypeError: (intermediate value)(intermediate value)(intermediate value)(intermediate value)(...) is not a function

写了两个闭包子调用，但是第二个就老是出现下面错误，

解决方法：上一个闭包后加上；就行了

6，运行时报错Module build failed: Error: No PostCSS Config found in: /Users/abuuio/node_modules/vue-beauty/package/style at config.load.then (/Users/abuuio/Home/node_modules/postcss-load-config/src/index.js:55:15)

解决办法：新建一个文件叫 postcss.config.js 然后内容就写一行代码

module.exports = {}

按照它说的，在什么地方找不到这个文件就复制了同样的一份放到了相应的位置。这样bug就解决了。