vue项目使用scss时报错

最新推荐文章于 2024-05-12 14:23:18 发布
最新推荐文章于 2024-05-12 14:23:18 发布
阅读量1.4k 收藏 1
点赞数
文章标签： vue 前端 scss
原文链接：https://blog.csdn.net/liuyuemozhu/article/details/103747166
版权

vue项目使用scss，需要安装 node-loader 和 sass-loader

命令：npm install node-loader --save-dev 和 npm install sass-loader --save-dev

然后运行项目报错：Module build failed: TypeError: this.getResolve is not a function

原因：sass版本太高，导致webpack编译时出错，此时需要卸载当前版本重新安装低版本即可。（可在package.json文件中搜索sass-loader查看当前版本。目前8.0.0版本会报错，7.3.1版本可以正常运行）

卸载：npm uninstall sass-loader

安装低版本：npm install sass-loader@7.3.1 --save-dev

重新运行即可

fern_ok
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 之使用 scss 的全局变量
04-07
vue 之使用 scss 的全局变量
vue安装使用scss报错
WCvison的博客
04-03 1594
vue.js使用scss的报错 在vue中使用scss需要安装下面三个package node-sass sass-loader style-loader 但直接用yarn add node-sass这条命令安装的话，最后会报很多错误。因为这个命令默认安装的是该包的最新版本，node-sass和sass-loader会出现不兼容的问题。 所以我们用一下命令指定安装兼容版本 yarn add node-sass@^4.14.1 --dev yarn add sass-loader@^7.3.1 --dev
vue2下main.js中引入less/scss报错，只能引入css文件。解决：直接在build下的utils.js中引入所有的样式文件
qq_43563070的博客
07-20 954
'use strict' const path = require('path') const config = require('../config') const ExtractTextPlugin = require('extract-text-webpack-plugin') const packageConfig = require('../package.json') //处理样式路径 exports.assetsPath = function (_path) { const asset.
vue项目中安装使用scss 报错解决
weixin_43983960的博客
02-15 2120
在vue2项目中使用sass来方便编写css样式，所以需要借助安装sass预编译器来进行处理css，在安装node-sass过程中出现无法安装的问题。
避坑16_Vue中使用Scss报错SassError: expected selector. /deep/ .xxx
linxwx的博客
07-09 6824
降低Sass-loader版本至7.0.0即可
使用scss报错的解决方案-vue篇
阿莹yes的博客
05-18 823
总结一下大概就是要安装跟node版本匹配的node-sass和，如果使用的都是最新版本，直接执行以下指令即可或这里的–save-dev和–save的区别只是下载到里的或，两者区别在于前者是在本地环境用到的依赖，后者是在开发环境需要用到的依赖，只在本地开发的话–save-dev即可。踩坑，留下足迹~原文链接：https://blog.csdn.net/August_802/article/details/124985920。
针对vue项目中使用scss，启动时报错的解决方案
zerodiyi的博客
04-15 1712
在vue项目中的sass-loader主要是用来将sass/scss文件解析成能够被浏览器识别的css文件，而node-sass主要就是为sass-loader提供支持的一个模块，简单来说node-sass可以使sass-loader正常运行，而sass-loader在运行的时候可以将sass/scss文件解析成css文件。此时就是说node-sass的版本没问题,就是sass-loader版本和node-sass不匹配，需要需要重新下载sass-loader。这两个问题的解决方案如上所示。
vue项目关于node-sass的报错问题解决
linan996的博客
11-08 7153
文章目录一、Node Sass does not yet support your current environment二、npm安装报错三、运行项目报警告四、个人使用的版本（亲测没有问题） 一、Node Sass does not yet support your current environment 报错信息如下： Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupporte
vue使用scss方法(报错解决方案),及变换主题色
weixin_44279016的博客
03-31 3830
借鉴链接1(主要看这个) 渐渐链接2 一、首先需要给项目下载配置Scss 1.安装依赖 npm install node-sass sass-loader --save-dev 2.找到build中webpack.base.conf.js,在rules中添加scss规则 { test: /\.scss$/, loaders: ['style', 'css', 'sass'v] } 3.vue中使用 <style lang='scss' scoped> </style&
Vue 安装 scss (安装步骤/项目使用/报错解决)
nanfangxinchai的博客
08-01 8115
1.1.1.记点：sass-loader：把 sass编译成css, node-sass：nodejs环境中将sass转css。1.1.安装sass-loader/node-sass(前者依赖于后者)
vue项目中使用scss的方法步骤
10-16
主要介绍了vue项目中使用scss的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用scss搭建的vue项目完整架构
04-19
vue结合scss搭建的项目，比较完整，是我从公司现有架构的基础上抽出来，并进行简化
vue2配置scss的方法步骤
10-16
主要介绍了vue2配置scss的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
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
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...
配置HBuilder的scss的预编译
weixin_38676040的博客
09-14 744
1.打开HBuilder，点击工具，再点击预处理设置： 2.时间问题，直接上图：
解决vue使用Sass时候的报错问题
weixin_43450653的博客
10-12 5447
sass： 安装： npm config set registry https://registry.npm.taobao.org/ //sass-node报错的话，使用镜像源cnpm install node-sass sass-loader --save-dev 再安装一次 npm install node-sass --registry=https://registry.npm.taobao.org package.json中更改sass-loader版本 "sass-loader": "^7.3
vue安装sass-loader运行报错解决方法
格の调
03-02 6807
vue安装sass-loader坑很多，网上的解决方法千篇一律的复制，不知道有没有经过验证。 一、深坑的出现 如果初次安装sass-loader依赖后就报错，那很大概率应该是由于版本问题导致。 你应该是采用如下几个命令安装： npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev
picoCTF-Web Exploitation-Web Gauntlet
最新发布
huckers的博客
05-12 463
按照提示，需要用admin登录，查看filter.php，这应该是一个SQL注入题，提示我们可以使用无痕浏览器来以便cookie可以不用每次清除。中展示了sql过滤逻辑，可以回味一下，尝试用不同的关键字来注入。提示sql过滤or，我们使用。
vue2项目使用scss
05-10
要在 Vue2 项目中使用 SCSS，需要安装 `sass-loader` 和 `node-sass` 两个依赖。 1. 安装依赖 ``` npm install sass-loader node-sass --save-dev ``` 2. 配置 webpack 在 `webpack.base.conf.js` 中添加以下代码： ```javascript module.exports = { // ... module: { rules: [ // ... { test: /\.scss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader' ] } ] } } ``` 3. 创建 SCSS 文件 在 Vue 组件的 `<style>` 标签中，将 `lang` 属性设置为 `scss`，并创建 SCSS 文件。 ```html <template> <div> <h1>{{ message }}</h1> </div> </template> <style lang="scss"> $primary-color: #007bff; h1 { color: $primary-color; } </style> <script> export default { data() { return { message: 'Hello, world!' } } } </script> ``` 以上就是在 Vue2 项目中使用 SCSS 的步骤。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值