vue 引入 scss 编译报错：Module build failed: TypeError: this.getResolve is not a function

最新推荐文章于 2023-05-18 09:31:15 发布
最新推荐文章于 2023-05-18 09:31:15 发布
阅读量1.7k 收藏 2
点赞数
分类专栏： Vue 采坑之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27127385/article/details/104377311
版权
在Vue项目中引入scss文件时遇到编译错误：Module build failed: TypeError: this.getResolve is not a function。问题源于sass-loader版本过高。解决方法是将sass-loader版本降低到与其兼容的版本。
摘要由CSDN通过智能技术生成

vue 引入 scss 编译报错：

./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1168d9a7”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/sass-loader/dist/cjs.js?{“sourceMap”:true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/app_main.vue
Module build failed: TypeError: this.getResolve is not a function
at Object.loader (D:\WORK\VueProject\XiaoWei\node_modules\sass-loader\dist\index.js:52:26)
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1168d9a7”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/sass-loader/dist/cjs.js?{“sourceMap”:true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/app_main.vue 4:14-373 13:3-17:5 14:22-381
@ ./src/components/

最低0.47元/天 解锁文章
邪人君子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
项目中scss编译报错解决方案
weixin_42219561的博客
12-14 572
项目中scss编译报错解决方案(使用dart-sass替换scss模块) npm install node-sass@npm:dart-sass
error in ./src/components/form/Editor.vue Module build failed: Error:Vue packages version mismatch
qq_42052589的博客
11-18 3822
1.错误： error in ./src/components/form/Editor.vue Module build failed: Error: Vue packages version mismatch: - vue@2.6.12 - vue-template-compiler@2.5.16 This may cause things to work incorrectly. Make sure to use the same version f or both. If you are.
Module build failed: TypeError: this.getResolve is not a function at Object.loader……
ActionPig 的 Js
09-08 1882
由于还用不惯 webpack 4，特别是采用了vue-cli3 搭建的项目，由于还没搞懂在这种环境中自己手动调整配置（vue-cli3 简化了配置，原来很多的配置都集成到vue-cli3内部，不需要在通过显性的配置了，至少目前觉得反而不方便了），所以又换回了webpack 3.6，还是采用vue-cli2（vue init webpack projectName 搭建环境）。 当采用scss来实现...
webpack安装css-loader后，运行出错
m0_46270048的博客
04-30 838
webpack安装css-loader后，运行出错 第一步在终端输入npm install --save-dev css-loader 第二步在终端驶入npm install --save-dev style-loader 第三步在终端使用 npm run build命令，结果显示 TypeError: this.getResolve is not a function at Object.loader (E:\web_code\12-webpack的使用\03-webpack的loader\node_mo
使用scss报错的解决方案-vue篇
阿莹yes的博客
05-18 873
总结一下大概就是要安装跟node版本匹配的node-sass和，如果使用的都是最新版本，直接执行以下指令即可或这里的–save-dev和–save的区别只是下载到里的或，两者区别在于前者是在本地环境用到的依赖，后者是在开发环境需要用到的依赖，只在本地开发的话–save-dev即可。踩坑，留下足迹~原文链接：https://blog.csdn.net/August_802/article/details/124985920。
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
详解Vue.js搭建路由报错 router.map is not a function
10-19
然而，有时候在搭建Vue Router时可能会遇到"router.map is not a function"这样的错误，这通常是由于版本不兼容或者使用方法不当导致的。 **错误分析：** 在Vue Router的早期版本（例如1.0.x）中，`router.map`是...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
使用scss报错TypeError: this.getResolve is not a function
weixin_40151813的博客
11-26 200
原因：安装的sass-loader的版本为最新8.0.0，查看网上资料说是版本过高导致编译错误。   解决方法： 把项目package.json文件中sass-loader版本改为7.3.1。执行命令，重新安装项目依赖： npm install 然后，启动项目： npm run dev 就好了！ ...
SCSS报错: TypeError: this.getOptions is not a function
qq_35637447的博客
09-18 1421
./node_modules/css-loader??ref--9-1!./node_modules/postcss-loader/lib??ref--9-2!./node_modules/sass-loader/dist/cjs.js??ref--9-3!./src/assets/styles/global.scss Module build failed: TypeError: this.getOptions is not a function at Object.loader (D:\MyP.
html引入本地css样式无效,vue在index.html里面引入css文件样式加载失败
weixin_29247219的博客
06-16 2701
问题描述我在vue的index.html里面引入本地的第三方CSS文件，浏览器会出现一个提示，同时样式也没有生效问题出现的环境背景及自己尝试过哪些方法网上搜索了一下说是什么拦截器的问题，但没有找到和vue相关的修改方法相关代码(额，segmentfault的规定，让我必须把代码写在这里，手动滑稽)你期待的结果是什么？实际看到的错误信息又是什么？希望大神帮忙解惑，谢谢了。更新： 恩，试了楼下二位的办...
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
仙魁XAN
10-29 2万+
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 目录 IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...
【Vue】Module build failed TypeError this.getOptions is not a function问题解决
m0_67401606的博客
03-06 851
好久没写vue项目了，再写的时候感觉自己又是个小白了。 发现问题 原因分析 反正只要是类似Module build failed的问题，90%是由于依赖的版本不对。 深入剖析 判断是哪个依赖出了问题 也就是说，你需要知道是哪个依赖的版本不对。需要你记得什么时候出现了这个问题，然后向上追溯，将你没出问题之前的版本和现在的版本做比对，或者注释掉刚加入的依赖。 问题解决 我直接从报错上来看，是css方面有问题，再细看是less的问题。注释掉less之后，项目又可以正常启动。所以直接搞less。 解决方案 卸
error in ./src/components/HelloWorld.vue Module build failed: Error: Vue packages version mismatch:
weixin_48584082的博客
12-25 7998
报错Module build failed: Error: Vue packages version mismatch: - vue@2.6.12 - vue-template-compiler@2.5.16 调整如下图 当前安装的VUE依赖node_modules是2.6.12版本的，可导入的项目中的版本是2.5.16 就是说你安装的node_modules需要和vue-template-compiler对应的版本才可以使项目运行成功！ 解决： a.直接在项目中删除之前的node_m...
.vue文件引入子组件报错 (vue3+typescript+@vue/cli5+系列问题总结)
王维璋
05-15 6208
项目技术栈： 脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.0 背景： .vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错，不影响项目运行) 问题详情： 1、父组件中引入两个子组件，只有一个报错 错误信息： 文件“/Users/wangweizhang/clie...
Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
FATCATS博客
03-10 2万+
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案 踩坑一：（Module build failed: TypeError: this.getOptions is not a function ） 这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.
npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
热门推荐
H5爱好者
05-28 6万+
运行项目时候出现的问题Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 PS C:\Users\Administrator> cd E:\projectwork\vuework\sell PS E:\projectwork\vuework\sell> npm install npm WARN optional SKIP...
Module build failed: TypeError: this.getResolve is not a function，vue写css时启动出错
TrueDei
10-06 1928
错误如下 H:\vue\hello-vue>npm run dev > hello-vue@1.0.0 dev H:\vue\hello-vue > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 13% building modules 29/73 modules 44 a...
vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function
凌霄的博客
11-19 709
安装sass-resources-loader插件，然后新建一个var.scss cnpm install sass-resources-loader --save 例如var.scss： @charset "UTF-8"; $themeColor: #409eff; @mixin ellipsis() { overflow: hidden; text-overflow: ellips...
运行vue 报错TypeError: this.getOptions is not a function at Object.loader
最新发布
09-14
这个错误通常是由于 Vue Loader 版本不兼容或配置错误导致的。请确保你安装的 Vue Loader 版本与你的 Vue 版本兼容，并且检查你的配置是否正确。 一种可能的解决方法是升级或降级 Vue Loader，以使其与你的 Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值