npm使用scss vue&type=style&index=0&id=57280228&lang=scss&scoped=true&

最新推荐文章于 2023-02-06 01:45:22 发布
最新推荐文章于 2023-02-06 01:45:22 发布
阅读量2k 收藏 2
点赞数 2
文章标签： npm sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40086938/article/details/118392056
版权

今天在Webstorm被坑了一下午，关于scss的版本问题，还是记下来，下次节约时间，如果Hbuilder就不会报错，但总体Webstorm更香，要被养废了…
在这里插入图片描述

Solution：

在这里插入图片描述
手动把 “sass-loader”:的版本改成"^7.3.1",
其他版本一致，哎,npm都被我降到3.8.6了
在这里插入图片描述
在这里插入图片描述


> 终于能运行了，谢天谢地！
埋名苟码
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue中的style标签的lang=“ “和scpoed属性
weixin_35790277的博客
05-15 2325
Vue中的style 的lang=" "和scpoed属性 普通的 style 标签只支持普通的样式，如果想要启用 scss 或 less ，需要为 style 元素，设置 lang 属性 vue组件中的style标签官方推荐开启 scoped属性。表示只在当前组件域中生效 <style lang="scss" scoped> .login-box { border: 1px solid #DCDFE6; width: 350px; margin: 180px
Syntax Error: TypeError: this.getOptions is not a function
qq_27009517的博客
01-10 2634
出现问题场景：vue运行项目过程中报错 ERROR Failed to compile with 1 error 下午4:27:58 error in ./src/components/AudioComponent/VueAudio.vue?vue&type=style&index=0&id=2c4b1f58&lang =scss&scoped=true&...
vue 报错 ?vue&type=style&index==0&id=...&scoped=true&lang=css&...
zihong2019的博客
05-10 1万+
项目场景： vue 版本：vue 2.6 编辑器：WebStorm 2020.1.1 问题描述： 报错如下 ./src/views/.../add.vue?vue&type=style&index=0&id=ee902892&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/s
node、node-sass、sass-loader的版本兼容问题
热门推荐
oowweb的博客
04-21 9万+
目录使用scss报错当前node-sass、sass-loader版本测试步骤一步骤二解决方案解决node-sass问题node和node-sass版本关系 这篇文章主要写node、node-sass、sass-loader三者引起的兼容问题。 使用scss报错 为什么要写这篇文章，安装最新版sass运行报错了。 纳尼，最新版的既然不兼容。 来看看错误提示 ERROR Failed to compile with 1 error
error in ./src/components/bar3d/index.vue?vue&type=style&index=0&id=8bbd10f2&lang=scss&scoped=true&
future_1_的博客
06-16 4096
解决因node版本过高 项目时启动sass报错问题
vue&type=style&index=0&lang=scss& Module build failed (from ./node_modules/sass-loader/dist/cjs.js)
qq_42431718的博客
11-03 861
一、错误描述 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. at getRenderFuncFromSassImpl (/Users/apple/Desktop/vue/hotspot_admin/node_modules/sass-loader/dist/index.js:165:13)
vue安装和使用scss及sass与scss的区别详解
12-10
1. 安装依赖：npm install node-sass sass-loader -D...style scoped lang="scss"> .box{ width: 100%; :hover{ color: red; } } </style> 下面看下sass与scss的区别 用了很久css预编译器，但是一直不太清
vue2配置scss的方法步骤
01-19
1、安装文件 npm install --save-dev sass-loader npm install --save-dev node-sass 2、配置 webpack.base.conf.js 找到webpack.base.conf.js文件的module模块下面的rules添加...style lang=scss scoped> div
eslint-plugin-vue-scoped-css：Vue.js中适用于CSS的ESLint插件
02-03
style lang="scss"> 。 支持<style lang="stylus"> 。 解析<style> ， 和[removed]块。 您可以检查。文献资料参见。安装npm install --save-dev eslint eslint-plugin-vue-scoped-css 要求
vue2项目使用sass的示例代码
08-30
<style lang="scss" scoped="" type="text/css"> /* 使用 SASS 编写样式代码 */ </style> ``` 这时，我们可以使用 SASS 的功能来编写样式代码，例如使用变量、Mixin、函数等features。 在本文中，我们学习了如何在...
sass问题
answero的博客
02-06 1790
终止批处理操作吗(Y/N)?
error in ./src/views/main.vue?vue&type=style&index=0&id=c9a65f5a&lang=scss&scoped=true&Syntax Err
奥里给小饼干
03-04 1万+
后续又找不到node-sass模块了 报错信息如下： ERROR Failed to compile with 1 error 11:07:57 PM error in ./src/views/main.vue?vue&type=style&index=0&id=c9a65f5a&lang=scss&scoped=true& Syntax Error: Error: Cannot find module 'node-sass' Requir..
vue 报lang=scss的错误解决办法
qq_35363709的博客
05-09 3970
.1.cnpmuninstallnode-sass 先清楚所安装的sacc依赖包 2.cnpminstallnode-sass 然后从新安装的sacc依赖包
scss样式使用lang=“scss“ 报错以及解决vscode scss样式飘红
凉酱的博客
11-30 1万+
遇到scss错误 是因为用到<style lang="scss">的话不能解析sass-loader 安装node-sass、sass-loader npm install sass-loader@7.3.1 --save-dev npm install node-sass@4.11.0 --save npm install style-loader --save 有些的版本过高也会报错，试验过后上面的我的可以正常使用。 在build/webpack.base.config.js添加配置
Vue 项目安装 scss 以及报错的解决方法 --- Window10 系统 和 Mac OS 系统
qq_43477721的博客
02-28 6217
1.安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 如果运行之后项目报错 Module build failed: TypeError: this.getResolve is not a function at Object.loa...
vue 中使用 scss,解决style 使用lang = ‘scss’ 报错
King Saj
03-20 3275
<style lang="scss" rel="stylesheet/scss" scoped> @import "../assets/style/theme"; @import "../assets/style/mixin"; </style>
vue中style lang="scss" scoped中的scoped
庭落
09-18 2万+
表示局部部署 没有的话里面的css样式会在所有组件中进行渲染
vue lang=“scss” 踩坑
qq_33357911的博客
10-09 3798
vue中添加lang=“scss”报错 !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/vue-loader/lib/style-compiler/index?{“vue”:true,“id”:“data-v-3efc6188”,“scoped”:false,“hasInlineConfig”:false}!...
关于nuxt sass-loader 报错 in ./pages/index.vue?vue&type=style&index=0&id=2a183b29&lang=scss&scoped=true&
qq_47247479的博客
07-14 1974
关于nuxt sass-loader 报错 in ./pages/index.vue?vue&type=style&index=0&id=2a183b29&lang=scss&scoped=true& npm i sass-loader@6.x --save-dev 更换版本
ERROR in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss&) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Cannot find module 'sass'
最新发布
06-07
这是一个错误提示，它意味着在你的项目中没有找到 `sass` 这...<style lang="scss"> /* Your SCSS code here */ </style> ``` 如果你仍然无法解决这个问题，可以提供更多的代码和错误信息，以便我可以更好地帮助你。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值