美文网首页
vue2.0配置sass

vue2.0配置sass

作者: 晚饭总吃撑 | 来源:发表于2021-07-13 17:33 被阅读0次

vue中配置sass遇到了一些问题,经过反复测试发现是版本问题

我的项目创建用的是vue官网上的方式,创建的是vue2.0版本的项目
之后我通过执行yarn add sass-loaderyarn add node-sass安装插件,安装的版本都是默认版本,可能是最新版本

"dependencies": {
    "core-js": "^3.6.5",
    "node-sass": "^6.0.1",
    "sass-loader": "^12.1.0",
    "vue": "^2.6.11"
}

之后在vue文件中样式加入scss,并使用scss语法写样式

<style scoped lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  a{
    color: red;
  }
}
</style>

报如下错误


本人愚钝在报错内容中未发现具体是什么错误,该怎么解决,后来在网上搜索解决办法,加上不断尝试最后发现是版本问题
执行 yarn add node-sass@4.12.0yarn add sass-loader@7.1.0
"dependencies": {
    "core-js": "^3.6.5",
    "node-sass": "4.12.0",
    "sass-loader": "7.1.0",
    "vue": "^2.6.11"
}

重新启动项目,scss就好用了,不知道有没有更好地方式解决这个问题

相关文章

  • vue 中使用sass

    VUE2.0中集成Sass Step1:在项目中安装Sass Step2:配置Sass解析器 PS:不安装的话会出...

  • vue中关于sass的问题!

    背景 vue2.0里面sass编译打包报错! 解决 问题在vue2.0中安装了sass!生产环境npm run d...

  • Vue2.0配置sass

    1、创建 webpack 模板的新项目 2、安装依赖 3、添加配置 在项目build文件夹下webpack.bas...

  • vue2.0配置sass

    vue中配置sass遇到了一些问题,经过反复测试发现是版本问题 我的项目创建用的是vue官网上的方式[https:...

  • Vue webpack4下引入scss全局变量

    sass-resources-loader引入sass全局变量 安装依赖 修改sass配置 修改sass配置的调用

  • Vue中引入sass

    前端小菜鸟,准备实战搞搞app,本节就记录下,vue2.0中怎么引入sass以及通过sass将px转化为rem吧!...

  • vue2.0项目中引入sass、less

    一、vue2.0项目中引入sass预编译 (1)安装依赖 vue项目中想要使用sass,需要安装上node-sas...

  • Vue-cli 的配置

    vue-cli 配置 axios vuex element-ui sass 配置sass || scss 配置ax...

  • 前端自动化-sass篇

    1、Grunt 配置 Sass 编译的示例代码 2、Gulp 配置 Sass 编译的示例代码

  • webpack 引入 sass

    使用sass或scss语法配置 安装sass依赖sass-loader和node-sass: 安装之后,可能会出现...

网友评论

      本文标题:vue2.0配置sass

      本文链接:https://www.haomeiwen.com/subject/lpespltx.html