首先说明,这种问题,90%都是版本问题,需查找刚刚安装了什么插件,用的版本是什么。最好可以对比以前可以用的版本。
仍然是在vue cli 2.0 升级到vue cli 3.0中遇到到问题
我跟随这路径找到了index.scss 看了一下 没有什么特殊到地方。改变了很多次地址写法,仍然有错。错误如下。
因为看index.scss里面没什么。
于是我全局搜索了这个方法,还真有,误让我自己认为是我本来方法的问题。沿着错误的路线,显然是找不到原因的。于是回头再看错误提示,还说跟sass有关的。
于是我重新装了一遍相关插件,安装sass所需的如下
1、vue cli3.0 安装sass操作的依赖: npm install node-sass sass-loader -D
2、webpack 配置 npm install sass-loader node-sass style-loader css-loader -D
仍然不行,于是我又百度了下,提示都是less 对应到错误。有的说是版本不对。我对比了下,之前的项目,用的sass的版本 "sass-loader": "^10.1.1"。 新下载的是11点多。
到目前位置,应该是版本问题了,安装最新版本 npm install sass-loader@10.1.1。安装好重新运行。OK,这个问题解决了。
总结:项目在配置过程中,尤其在安装了新插件后报错,这个时候应首先想到版本问题。很多时候 都是这个版本导致的。