vue文件里面使用lang="scss"报错

最新推荐文章于 2024-05-16 16:37:09 发布
最新推荐文章于 2024-05-16 16:37:09 发布
阅读量23 收藏
点赞数
文章标签： vue.js scss rust 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ygunoil/article/details/133098549
版权

vue文件里面使用lang="scss"，各种报错，

 解决方法是：肯定要安装sass-loader和node-sass

1
npm install sass-loader node-sass --save-dev

 结果还是老是报错：TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string。

查老半天，各种试，结果就是版本问题

把package.json里面node-sass和sass-loader版本改成："node-sass": "^4.11.1"，"sass-loader": "^7.3.0"就可以了

删掉node_modules文件夹，重新执行npm install，完美解决

ygunoil
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue scoped scss 无效的问题
11-19
style scoped lang="scss"> .position-el-steps { /deep/ .el-step.is-vertical { .el-step__description { margin-top: -20px; } .el-step__line { border-left: 2px dashed #c0c4cc; background-color: ...
vue文件里面使用lang=“scss“报错
fhljzcs的博客
04-14 259
vue文件里面使用lang=“scss”，报错 解决方法是：安装sass-loader和node-sass npm install sass-loader node-sass --save-dev 如报错则换成 cnpm install sass-loader node-sass --save-dev 把package.json里面node-sass和sass-loader版本改成： “node-sass”: "^4.11.1"“sass-loader”: “^7.3.1” 重新执行npm instal
vue文件使用lang="scss"报错问题
qq_42586895的博客
11-05 3281
vue文件使用lang="scss"报错问题 新建项目.vue文件中使用scss写样式。按照网上教程安装集中依赖模块并且配置后出现以下报错： github网址: 个人博客 这是因为我们安装的sass-loader版本过高，只要我们安装7.3.1版本的sass-loader问题就解决了。如果其他插件已安装：只需要再把7.3.1版本的安装一下就行了。 具体方法为： 输入以下命令： npm ins...
在vue项目中使用lang='scss'报错
Zxiuping的博客
11-18 2408
在vue项目中样式使用scss出现错误， This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data...
vue中使用 lang=“scss“ 报错
l13501058595的博客
10-22 1301
vue 使用 lang=“scss” 报错 在写VUE在线编辑器的时候，为了样式能够美观一些，在style中加入lang=“scss”，显示如下报错： 这是因为当前sass-loader的版本太高，webpack编译时出现了错误，所以我们安装低版本的 依次在项目中输入以下命令： npm install [email protected] --save-dev npm install node-sass --save npm install style-loader --save 这样在使用lang="s
详解Vue2 添加对scss的支持
12-07
引入loader cnpm install node-sass --save-dev cnpm install sass-loader --save-dev ...安装好之后，为了可以在.vue和.scss中使用，需要在webpack.config.js中配置对应的解析器： var webpack = require
vue项目中使用scss的方法步骤
10-16
主要介绍了vue项目中使用scss的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue elementUI 使用slot-scope报错（版本升级）
01-20
vue里面使用element-ui表格组件时候报错 slot-scope未定义。 原创文章 20获赞 9访问量 7105 关注 私信 展开阅读全文 作者：hi 宋
vue中使用input[type="file"]实现文件上传功能
10-18
主要介绍了vue中使用input[type="file"]实现文件上传功能，实现代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue3选项式和组合式生命周期说明
weixin_44072254的博客
05-16 401
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
前端Vue架构
weixin_45678402的博客
05-12 294
defineProperty：监听范围比较窄，只能通过属性描述符去监听已有属性的读取和赋值；兼容性较差，只能兼容支持ES6 的浏览器（要求监听数据是对象）这样写的话，依赖收集只能收集到属性c；如果访问的属性值还是一个对象，对属性值再次进行代理；创建视图的函数（render）和数据之间的关联；当数据发生变化的时候，希望render重新执行；下面的用法，只能收集到c，收集不到c1。依赖收集：a color: #f00。依赖收集：a color: #f00。如何知晓数据对应的函数；监听数据的读取和修改；
Vue.js的发展史（一）
2301_79683791的博客
05-15 729
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
根据地址栏url上key获取值
wwf1225的博客
05-10 264
/ 根据url上key获取值，key为参数名字，例如token。
用vue实现json模版编辑器
qq_44428688的博客
05-14 517
设想业务逻辑是拖拽控件生成表单 动手做了一个简单的demo 业务的原型图设想如下所示其中使用的技术主要是vuedragger。
vue3中通过自定义指令实现loading加载效果
quequnlong的博客
05-13 568
在现代Web开发中，提升用户体验一直是开发者们追求的目标之一。其中，一个常见的场景就是在用户与应用程序进行交互时，特别是当进行异步操作时（如网络请求），为用户提供即时的反馈，避免用户因为等待而感到困惑或不满。这通常通过显示一个加载指示器（通常称为Loading效果）来实现。本文将深入探讨如何在Vue 3中通过自定义指令的方式来实现Loading加载效果。自定义指令是Vue提供的一种强大工具，允许我们在Vue模板中附加自定义行为。
el-select选项框内容过长
sinat_34896766的博客
05-10 411
【代码】el-select选项框内容过长。
自定义el-select下拉菜单的内容以及数据回显的内容
qq_59625204的博客
05-10 213
但是此时虽然实现了自定义内容但v-model绑定的值也回显了，所以此时我们要对默认的数据回显处理一下，在style标签中设置如下代码。这里我设置了ref为seriesBorderTypeRef,在change事件中通过以下代码就可实现数据回显部分。下拉选项的自定义内容好实现，因为他有默认插槽，所以直接在el-option标签里面写自定义内容就可以实现。.现在完美实现了需求，最后不要忘记清除添加的style样式哦。关键上方选中的数据回显应该怎么做。
javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
最新发布
阿牛哥的博客
05-16 281
javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
vue中的style lang=scss报错
03-08
这个问题可能是由于缺少相应的依赖包或者...建议检查一下是否安装了node-sass和sass-loader这两个依赖包，并且在webpack配置文件中正确配置了sass-loader。如果还有问题，可以提供更具体的错误信息以便更好地解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值