Vue——项目启动时报错

1.启动项目时报如下错误：

This dependency was not found: 
*!! vue-style-loader!css-lloader?{"sourceMap":false}!../../vue-loader/lib/style-compiler/index?{"vue":true,"id":data-v-376acb08","scoped":false,

解决方案是

1. 添加"less-loader": "^4.1.0","less":"^3.0.4"这两个到package.json的"devDependencies"中
2. 删除package-lock.json再执行npm install

2. 另一个问题

然而我开始的时候执行的是 npm install less less-loader -D 导致启动时报如下错误

Module build failed: TypeError: loaderContext.getResolve is not a function 
   at createWebpackLessPlugin (....less-loader\dist\utils.js..)
   at getLessOptions (...)
   at Object.lessLoader (...)
   @ ./node_modules/vue-style-loader!./node_modules/css-loader?....
   URIError: Failed to decode param

分析： 导致上面这个错误是由于 less-loader版本太高的原因
解决方案：

1. npm uninstall less-loader
2. npm install [email protected] -D

3. 总结

没有按第一的步骤走，结果绕了一个弯。