分类目录

链接

2020年八月
« 7月    
 12
3456789
10111213141516
17181920212223
24252627282930
31  

近期文章

热门标签

博主推荐

现在位置:    首页 > 前端 > 正文
vue 安装sass,运行后报错loaderContext.getResolve is not a function
前端 暂无评论 阅读(23)

今天自己搭建vue-cli框架,安装了element-ui,运行没有任何问题,修改了下样式,为了避免修改ele里面组件的样式出现样式污染,想着装个sass写嵌套的,这样既方便又能很好的解决问题,那么动起来:
1.安装需要的依赖:

 

   npm install node-sass --save-dev       //安装node-sass
   npm install sass-loader --save-dev     //安装依赖包sass-loader
   npm install style-loader --save-dev     //安装style-loader

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

 

{
    test: /\.sass$/,
    loaders: ['style', 'css', 'sass']
},

3.然后在用到的页面内添加:

 

<style scoped lang="scss">

</style>

三个操作执行完毕,npm run dev 跑起来,无情报错 loaderContext.getResolve is not a function。
百度后发现,是因为安装的sass loader版本太高,降低版本即可,解决方案有两个:
1.找到项目的package.json文件,将里面的 "sass-loader"的版本更换掉 。

 

"sass-loader": "^8.0.0",更换成了 "sass-loader": "^7.3.1",
注意这里需要将loader版本降低到8.0一下即可

PS:
新手特别需要注意,这里更换版本后,node_modules文件夹内loader版本并没有更改,需要删除掉node_modules,重新进行npm install下载依赖,才算是解决问题了。
2.命令行解决:

 

npm uninstall sass-loader   //卸载当前版本   
npm install sass-loader@7.3.1 --save-dev  //安装低版本

欧啦

本文版权归数据库之家所有,转载引用请完整注明以下信息:
本文作者:Bruce
本文地址:vue 安装sass,运行后报错loaderContext.getResolve is not a function | 数据库之家

发表评论

留言无头像?