vue-cli的项目中 style lang=“scss“ 会报错

最新推荐文章于 2024-03-01 19:49:41 发布
最新推荐文章于 2024-03-01 19:49:41 发布
阅读量694 收藏 1
点赞数 2
分类专栏： vscode 文章标签： css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39430223/article/details/103229828
版权

如果在没有安装scss 依赖的时候 ，style写lang=“scss”,就会报下面的错误

由于已经解决问题了，报错截图就没有截，用一行报错英文表达吧
This dependency was not found :
…然后就是一大串的报错了
————————————————
npm install sass-loader@7.3.1 --save-dev
npm install node-sass@4.13.1 --save
npm install style-loader --save

风动云栖
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在 vue-cli v3.0 中使用 SCSS/SASS的方法
01-19
在项目中使用 SCSS/SASS 进行样式编写无疑会节省很多开发样式的时间。关于如何在 vue-cli v3.0 中使用 SCSS/SASS，这里提供三种方案。前提是在使用 vue-cli 生成项目时勾选了 CSS Pre-processors (CSS预处理器)，...
在vue-cli创建的项目中使用sass操作
11-19
安装sass-loader node-sass cnpm install sass-loader node-sass -D ...补充知识：vue-cli的项目 style lang=”scss” 写 scss样式报错 报错代码： 解决方案： 安装以下依赖就可以了，vue-cli默认没有scs
vue-cli的项目中 style lang="scss" 会报错
qq_36196059的博客
11-30 5250
如果在没有安装scss 依赖的时候 ，style写lang=“scss”,就会报下面的错误 由于已经解决问题了，报错截图就没有截，用一行报错英文表达吧 This dependency was not found : ...............................................................然后就是一大串的报错了 那么，解决的办法就是安装依赖sc...
vue-cli的项目 style lang="scss" 写 scss样式报错
qq_34841115的博客
04-10 1万+
报错代码：解决方案:安装以下依赖就可以了，vue-cli默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loader是不行的。另外webpack就不需要配置了，因为vue-cli会帮你配置安装的loader"node-sass": "^4.5.1", "sass-loader": "^6.0.3", "scss": "^0.2.4&qu
style 使用lang = ‘scss’ 报错
weixin_33887443的博客
12-27 2223
<style lang="scss" rel="stylesheet/scss" scoped> .export-wrapper{ } </style> 这样写就可以了 转载于:https://www.cnblogs.com/longsiyuan/p/10185392.html
vue中引用lang=scss报错问题（Make sure ‘options.resources‘ is String or Array of Strings ）
baicai_123的专栏
02-26 1320
1、确定已经安装了node-sass / sass-loader /sass-resources-loader 2、node版本过高引起的sass-loader 报错（no such file or directory） 执行：npm rebuild node-sass 3、解决上边问题依然报错Make sure 'options.resources' is String or Array of Strings，说明这个时候是sass-resources-loader配置有问题。 首先：检...
在vue-cili中使用scss在组件文件.vue中的style标签中输入属性lang=“scss“报错
zhangyubababa的博客
02-26 1528
Module build failed: Error: Missing binding E:\newsproject\node_modules_nod 一定能解决的办法： 在配置文件包package.json中修改sass-loader的版本号为7.3.1 重新装依赖 cnpm i 更新当前目录的依赖包npm update 重启项目 npm start即可完美解决！ 过程中调试使用到的命令有1 ...
详解vue-cli中配置sass
08-30
Vue CLI 中配置 Sass 在本文中，我们将详细介绍如何在 Vue CLI 中配置 Sass，这是前端开发中非常重要的一步。Sass 是一种基于 CSS 的扩展语言，它提供了许多有用的功能，可以帮助我们更好地编写 CSS 代码。 一、...
vue中使用style lang="scss"报错(配置sass
庭落
09-18 4732
cnpm install sass-loader@7.3.1 --save-dev cnpm install node-sass --save 然后在webpack.base.conf.js的module中添加相关配置： { test: /\.s[a|c]ss$/, loader: 'style!css!sass' }
vue中style编译 lang=““不写报错
echo
08-02 446
刚开始学vue，可能是个白痴问题 具体原因我也不知道，也可能是我没下载对应的loader 知道的可以告诉我 这是当时的情况 解决办法就是删掉 lang=" " 再次运行就好了
vue中使用lang = “scss“报错
include_computer的博客
12-15 923
① npm install sass-loader@7.3.1 --save-dev ② npm install node-sass --save 安装node-sass报错安装不了，使用淘宝镜像安装 cnpm install node-sass --save ③ npm install style-loader --save ④ 在build/webpack.base.config.js中添加： { test: /\.scss$/, loaders: ['style', 'css',
vue中使用 lang=“scss“ 报错
l13501058595的博客
10-22 1325
vue 使用 lang=“scss” 报错 在写VUE在线编辑器的时候，为了样式能够美观一些，在style中加入lang=“scss”，显示如下报错： 这是因为当前sass-loader的版本太高，webpack编译时出现了错误，所以我们安装低版本的 依次在项目中输入以下命令： npm install sass-loader@7.3.1 --save-dev npm install node-sass --save npm install style-loader --save 这样在使用lang="s
vue文件使用lang="scss"报错问题
qq_42586895的博客
11-05 3302
vue文件使用lang="scss"报错问题 新建项目.vue文件中使用scss写样式。按照网上教程安装集中依赖模块并且配置后出现以下报错： github网址: 个人博客 这是因为我们安装的sass-loader版本过高，只要我们安装7.3.1版本的sass-loader问题就解决了。如果其他插件已安装：只需要再把7.3.1版本的安装一下就行了。 具体方法为： 输入以下命令： npm ins...
在vue项目中使用lang='scss'报错
Zxiuping的博客
11-18 2421
在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学习踩坑之scss ＜style lang= “scss“ scoped＞
baidu_37132424的博客
12-06 2970
scoped局部部署，只在本页面生效，不写的话内部的css样式会在所有组件中渲染，浪费啊 我是直接下载的最新的6.0.1 ，结果入坑了 pm install node-sass --save-dev 如上图所述，请使用低版本4.0.0+的，那就卸载了，安装个低版本的呗 npm uninstall node-sass 卸载以后开始下载4.14.1版本的 npm install node-sass@4.14.1 --save-dev 好吧，小白一枚，一直以为是python3导致的问题，瞅.
vue里怎么用scss及报错解决
霜之哀伤
03-24 1195
vue里怎么用scss 使用vue-cli搭建项目有内置的webpack方案，但是没有使用scss。vue提供了初始化的webpack模板，其中使用了vue-loader。vue-loader默认只支持sass,要是想要使用scss，必须安装node-sass和sass-loader，并修改相关webpack配置。具体操作如下： 依次执行以下命令 安装node-sass和sass-loader n...
解决style lang="scss"的问题
热门推荐
hjj1198的博客
10-30 1万+
Vue安装sass的命令： 1、npm install node-sass --save-dev 2、npm install sass-loader --save-dev 在进行第一步的时候，我们会发现用报了下面这个的错，在百度一下问题的时候，发现原因是： 首先要知道的是，安装node-sass时在node scripts/install阶段会从 github.com 上下载一个...
Vue中＜style scoped lang=“scss“＞的含义
最新发布
舒一笑的博客
03-01 2262
标签中使用的是SCSS语法编写的样式。SCSS是Sass（Syntactically Awesome Stylesheets）的一种语法，它是一种CSS预处理器，提供了许多有用的功能，如变量、嵌套规则、混合宏等，这些功能可以使CSS的编写更加简洁和强大。，编写普通的CSS代码也是完全没问题的，这使得你可以灵活地决定何时使用SCSS的额外特性。标签中写CSS时，这些CSS代码将按照常规CSS的方式工作，同时你也可以利用SCSS提供的额外功能，如变量、嵌套规则、混合宏等，来增强和简化你的样式编写。
vue-cli 项目 配置全局scss 无需单独引入 各个页面可使用scss函数
成茂峰
11-15 1052
配置全局scss 无需单独引入 各个页面可使用scss函数
98% after emitting CopyPlugin ERROR Failed to compile with 121 errors 下午1:57:47 error in ../workflows/module/workflow/module/workflowModal.vue?vue&type=style&index=0&id=1daa1fe1&lang=scss&scoped=true Syntax Error: <!--新增和导入 二合一弹窗--> ^ Can't find stylesheet to import. ╷ 2 │ @import "@dataspherestudio/shared/common/style/variables.scss"; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ stdin 2:9 root stylesheet in D:\gdongt\packages\workflows\module\workflow\module\workflowModal.vue (line 2, column 9) @ D:/gdongt/node_modules/vue-style-loader??ref--8-oneOf-1-0!D:/gdongt/node_modules/css-loader??ref--8-oneOf-1-1!D:/gdongt/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!D:/gdongt/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!D:/gdongt/node_modules/cache-loader/dist/cjs.js??ref--0-0!D:/gdongt/node_modules/vue-loader/dist??vue-loader-options!../workflows/module/workflow/module/workflowModal.vue?vue&type=style&index=0&id=1daa1fe1&lang=scss&scoped=true 4:14-475 15:3-20:5 16:22-483 @ ../workflows/module/workflow/module/workflowModal.vue?vue&type=style&index=0&id=1daa1fe1&lang=scss&scoped=true @ ../workflows/module/workflow/module/workflowModal.vue @ ../workflows/module sync ([a-z|A-Z])+.vue$ @ ./node_modules/dynamic-modules.js @ ./src/dynamic-apps.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.100.70:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js error in ../dataService/module/dataManagement/apiIndex.vue?vue&type=style&index=0&id=4fda01e9&lang=scss&scoped=true
06-08
在 workflowModal.vue 文件中，尝试导入了一个找不到的样式表。可能是因为在导入时路径设置不正确或者对应的样式文件不存在。需要检查一下导入的路径是否正确，或者检查一下样式文件是否存在。类似的错误也可能发生...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值