1***@qq.com
1***@qq.com
  • 发布:2021-12-09 13:56
  • 更新:2023-02-09 19:10
  • 阅读:789

scss报错了

分类:HBuilderX
 error  in ./src/App.vue?vue&type=style&index=0&lang=css&  

Syntax Error: SyntaxError  

(113:12) Unknown word  

  111 | // 定义flex等分  
  112 | @for $i from 0 through 12 {  
> 113 |         .u-flex-#{$i} {  
      |                   ^  
  114 |                 flex: $i;  
  115 |         }  

 @ ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/h5-vue-style-loader??ref--7-oneOf-1-0!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--7-oneOf-1-2!./node_modules/postcss-loader/src??ref--7-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-scoped-loader!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/wrap-loader??ref--18!./src/App.vue?vue&type=style&index=0&lang=css& 4:14-688 14:3-18:5 15:22-696  
 @ ./src/App.vue?vue&type=style&index=0&lang=css&  
 @ ./src/App.vue  
 @ ./src/main.js  
 @ multi (webpack)-dev-server/client?http://10.22.108.107:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

引用scss文件报错了;不知道怎么解决啦

nodejs是12.1.0

scss
使用的版本是这个
"node-sass-china": "^4.7.2",
"postcss-comment": "^2.0.0",
"sass-loader": "^9.0.3",
"node-sass": "^4.13.1"

2021-12-09 13:56 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

如果是组件里面引入的,看下style 标签有没有设置 lang="scss"。

黄河爱浪

黄河爱浪 - 在线接单,个人uniapp插件主页:https://ext.dcloud.net.cn/publisher?id=110853

恰好遇到,来解答一下

我在 HBuilderX 中输入代码时提示的代码格式是 @import url("scss文件路径"); 正确的格式应该是 @import "scss文件路径";

正常来说这种情况,在前面的 scss 语法就会报错,单独报错了这一行,一开始我也很懵逼。希望可以帮助到你

要回复问题请先登录注册