vue项目各种报错-1

已于 2022-09-14 09:49:55 修改
阅读量331 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
于 2022-08-02 10:11:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33911541/article/details/126115772
版权
本文介绍了在Vue项目中遇到的两种常见报错及其解决方法：一是`Module build failed: TypeError: this.getOptions is not a function`，原因是node-sass和sass-loader版本不兼容，解决方法是根据Node版本安装对应node-sass和sass-loader；二是`export 'default'`报错，提出了解决引入方式的问题。同时，还提及了因Element UI版本过高导致的报错及如何降级解决。
摘要由CSDN通过智能技术生成

报错Module build failed: TypeError: this.getOptions is not a function

是因为node-sass的版本与sass-loader的版本不匹配

1、查看node版本对应安装node-sass

win+R 输入cmd 确定  ，输入rnode -v

2、对应官方文档(node-sass - npm)查看node对应的node-sass版本然后安装

 我的是16.14.0所以安装6.0+

npm i node-sass@6.0 --save

3、接下来安装sass-loader

cnpm i sass-loader@7.3.1 --save

 

二、引入方式报错 "exp

最低0.47元/天 解锁文章
皓月当空hy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目报错
weixin_64948861的博客
02-28 1336
ERROR Error loading E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js: ERROR ReferenceError: ture is not defined ReferenceError: ture is not defined at Object. (E:\daima\vue\vue项目\vue-lokoes\project-v2\vue.config.js:3:15) at Mod
Vue-报错1（命名规范）
lihui61357457的博客
03-04 959
error Component name “Home” should always be multi-word vue/multi-word-component-names vue3的Component命名规范不能为单个词，修改为多个单词 报错原因是希望组件名写成驼峰式或者链-先形式的， 但是官方又明确单个单词组件命名是符合规定的， 总结在编译的时候eslint 会检测将次写法判定为不规格。 在项目根目录找到一个vue.config.js 文件，没有就在根目录创建一个，写上下面标注的代码，保存，在重新编译。
【Vue】Module build failed TypeError this.getOptions is not a function问题解决
m0_67401606的博客
03-06 856
好久没写vue项目了，再写的时候感觉自己又是个小白了。 发现问题 原因分析 反正只要是类似Module build failed的问题，90%是由于依赖的版本不对。 深入剖析 判断是哪个依赖出了问题 也就是说，你需要知道是哪个依赖的版本不对。需要你记得什么时候出现了这个问题，然后向上追溯，将你没出问题之前的版本和现在的版本做比对，或者注释掉刚加入的依赖。 问题解决 我直接从报错上来看，是css方面有问题，再细看是less的问题。注释掉less之后，项目又可以正常启动。所以直接搞less。 解决方案 卸
Module build failed: TypeError: this.getOptions is not a function
weixin_44694201的博客
07-04 1325
Error Module build failed: TypeError: this.getOptions is not a function 解决办法 先卸载掉原来的高版本的less-loader： npm uninstall less-loader 安装新的低版本的less-loader： npm install less-loader@6.0.0 原因 安装的less-loader 版本过高，换一个低一点的版本 这是小白的错误原因，可能还有其它原因导致该错误，欢迎小伙伴们可以一起探讨
VUE Module build failed: TypeError: this.getOptions is not a function
贺吱吱的博客
04-07 1664
Module build failed: TypeError: this.getOptions is not a function 在Vue-cli中使用lang="less"时报错：Module build failed: TypeError: this.getOptions is not a function at Object.loader 出现这个问题的原因是less-loader版本过高，降级到5.0.0即可 npm install less-loader@5.0.0 --save-dev .
Module build failed: TypeError: this.getOptions is not a function的报错
weixin_47055643的博客
07-08 4375
Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。
安装vue-cli报错 -4058 的解决方法
08-29
在安装Vue脚手架时遇到报错代码-4058是很多前端开发者在使用npm时可能遇到的问题。这个问题通常是由于网络问题或者是npm配置问题导致的。报错信息提示没有写入...在安装成功后，开发者可以继续他们的Vue项目开发工作。
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
npm install报错-vue-element-admin-fix-npm-problem-master.zip
01-02
`vue-element-admin-fix-npm-problem-master.zip`这个压缩包文件，显然包含了针对`vue-element-admin`项目中`npm install`报错的修复方案。 首先，我们需要了解`npm install`可能遇到的一些常见问题。这包括但不...
vue 项目使用vue-i18n报错----爬坑
weixin_42243479的博客
10-09 2244
项目中使用vue-i18n ，报了一堆这种错  vue-i18n.esm.js:14 [vue-i18n] Cannot translate the value of keypath 'xxx'. Use the value of keypath as default. 可以在lang文件夹下的index.js文件下，在创建 i1...
Module build failed: TypeError: this.getOptions is not a function报错解决方案
Blog_Bridge
05-26 9347
自己搭建vue时候，遇到了Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。 1. 先看一下报错信息 2.查看自己安装的node的版本 ctrl+R，输入cmd打开终端，输入以下指令 node -v 我自己的node版本是14.17.4，要根据安装的node版本去安装相应的node-sass版本。 3.
前端踩坑（四）(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"
TUTsmile的博客
11-11 705
// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalP...
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
asdfadafd的博客
02-28 585
最近学习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.
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.
Module build failed: TypeError: this.getOptions is not a function at Object.loader
weixin_44995391的博客
05-17 5011
问题描述 测试webpack相关功能时出现这个Module build failed: TypeError: this.getOptions is not a function at Object.loader 原因分析： 这个问题主要是因为node-loader版本过高导致的问题 解决方案 css-loader降为3.6.0版本即可 npm install css-loader@2.0.2 --save-dev npm install style-loader@0.23.1 --save-dev 这里以
Module build failed TypeError this.getOptions is not a function at Object.loader
m0_67402341的博客
03-08 883
这个异常说明了当前 style-loader 的版本过高导致 webpack 的编译错误，需要降低版本 解决方法：降低当前style-loader版本 npm install style-loader@<version> --save-dev 如下： npm install style-loader@1.0.0 --save-dev ...
vue项目启动报错解析（1）
ZhiTaoMiao的博客
10-26 646
这里显示的是出现1出错误，未编译。我顺着文件夹找了一下，并未报错，读他最后一句话，建议下载npm install(i) --save 其实这就是npm i下载的过程中的丢包现象。 解决方法分两种： （1）查看淘宝镜像，会因为网慢而丢包，切换到国内淘宝镜像 npm config set registry https://registry.npm.taobao.org（永久淘宝镜像地址·） npm info express(查看是否配置成功） ...
Module build failed: TypeError: this.getResolve is not a function问题
风烟
01-27 924
问题原因是安装新版的sass-loader版本过高。 报错原来版本 "webpack": "^3.6.0", "node-sass": "^4.13.1", "sass-loader": "^8.0.2", 重新安装sass-loader版本 "sass-loader": "6.0.6" 这样就修复了 ...
vue项目报错vue-cli-service: command not found
最新发布
07-23
Vue CLI项目报错"vue-cli-service: command not found"通常意味着你无法找到`vue-cli-service`命令。这可能是由于以下几个原因： 1. **未全局安装Vue CLI**：确保你已经全局安装了Vue CLI，可以尝试运行`npm ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值