vue 使用less 版本太高导致报错Syntax Error: TypeError: this.getOptions is not a function

最新推荐文章于 2023-02-09 15:05:18 发布
最新推荐文章于 2023-02-09 15:05:18 发布
阅读量295 收藏
点赞数
分类专栏： web 配置 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/statfly/article/details/120974670
版权

npm install less less-loader --save-dev 默认安装版本过高，

应指定版本安装 

 "less": "^3.0.0",

   "less-loader": "^5.0.0",

statefly
关注
专栏目录
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4761
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
Syntax Error: TypeError: this.getOptions is not a function——解决node-sass、sass-loader因版本问题引起的错误
News777的博客
03-10 515
常见错误 Syntax Error: TypeError: this.getOptions is not a function Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. 等等，个人认为是因node版本与安装的node-sass和sass-loader版本不兼容导致 解决 1.查看自己的node版本 node -v 2.查看node-sass对于版本 官方链接：node-sass 3.我的n
项目中导入less报错的解决办法Syntax Error: TypeError: this.getOptions is not a function
qq_34527715的博客
04-06 1727
今天在项目中使用了less语法，结果出现了错误，安装、代码和报错如下情况 解决办法 查了一些资料，发现是因为less-loader的版本太高了。改成7的就行。 重新执行一下 npm install 之后重启项目就可以了 ...
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项目打包报错:TypeError: Cannot read property ‘parseComponent‘ of undefined
weixin_39311719的博客
07-21 1346
项目上午打包还是OK的，下午打包就不正常了，报标题的错误，也是上网查了资料才知道是因为项目中的vue-template-compiler版本的问题，我看了下package.json中的vue和vue-template-compiler版本确实不一致，解决办法如下：...
vue启动项目时遇到 peer less@“^2.3.1 || ^3.0.0“ from less-loader@5.0.0 如何解决？
LEElcg的博客
01-05 3274
此篇文章是讲述了当vue项目启动的时候遇到less和less-loader报错的情况，此文给出了解决方案。
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
惜江浅的博客
02-09 1万+
TypeError: this.getOptions is not a function 报错解决方案
Syntax Error: TypeError: this.getOptions is not a function
木子聊前端
02-25 8637
场景重现 通过vue-cli搭建一个vue3.0项目，在使用less 的时候报错，依据官方的安装： npm install -D less-loader less 安装的都是最新的 其中less-loader 是今天最新的 8.0.0 版本。 这时候运行 npm run serve 提下如下错误 通常提示 Syntax Error: TypeError: this.getOptions is not a function 提示语法错误都是 版本问题 解决 1，通过降级版本号是最快捷的方法 卸载 les
Vue 报错 之 Syntax Error TypeError this.getOptions is not a function
m0_67394360的博客
03-03 705
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function 目录 Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.
Vue项目中使用lang=“less“报错
高朗的博客
02-22 1万+
具体报错截图 error in .ciews/Main.vue?vue&type=style&index=0&id=c1f1971a&lang=less&scoped=true& Syntax Error: TypeError: this.getOptions is not a function 报错原因 在安装less-loader，使用如下命令： npm install --save-dev less-loader less 我们可以package.
less-loader
qq_36981190的博客
06-16 1171
如果出现报错： TypeError: this.getOptions is not a function 原因： less-loader安装的版本过高 解决方案： 1.npm uninstall less-loader 2.npm install less-loader@6.0.0
Vue安装less-loader后运行项目报错：Syntax Error: TypeError: this.getOptions is not a function
将心_的博客
06-23 1084
Vue项目中安装less，less-loader依赖后运行项目报错： 我安装的less-loader版本是最新版本10.0.0的，这个新版本似乎有兼容问题，因此我卸载该版本，装了一个以前的版本，就可以运行了. 卸载less-loader npm uninstall less-loader 安装指定版本： npm install less-loader@7.0.0 ...
Vue解决报错3_Syntax Error: TypeError: this.getOptions is not a function
xiaosi的博客
02-03 1万+
问题描述 使用vue ui 创建的项目，安装less 4.0.0、less-loader8.0.0开发依赖 使用lang="less"之后发现编译报错，Syntax Error: TypeError: this.getOptions is not a function 重装几遍依赖还是不行，感觉还是版本的问题！ 解决 试了试将less-loader 和 less 的版本降下来，果然不报错了 重新安装低版本的less依赖 ...
vue使用less-loader出现TypeError:this.getOptions is not a function的错误解决
曹豆芽
05-12 4730
当我们直接去安装less-loader模块之后，可能会出现下面的错误， 那么这个原因是我们直接npm install less-loader的时候，下载的版本太高，无法去兼容getOptions函数方法，这个时候只需要把版本降级就好了。这个就会发现已经是不会有报错的。 npm uninstall less-loader//卸载当前的less-loader npm install less-loader@5.0.0//下载指定的版本less-loader ...
【解决 vue中less和less-loader版本】Syntax Error: TypeError: this.getOptions is not a function
丑小鸭
01-07 1457
此问题是less-loader和less的版本不对照的问题。一般是less-loader版本过高， 可以降低less-loader版本，既可解决。 解决方案 1 只卸载 less-loader 1 卸载安装过的 less-loader 在终端输入： npm uninstall -g less-loader 2 安装对应低版本的 less-loader npm install --save-dev less-loader@4.1.0 3 终端输入 npm install 进行更新相关库 4 重新开启项目
Syntax Error: TypeError: this.getOptions is not a function错误解决
小伟的博客
05-06 7499
今日使用Vue做项目时，开启server服务,显示编译失败，错误信息如下 经过查找原因，发现是版本号太高的原因 可在 package.json 中 查看 各个依赖的版本号 之前less-loader是 8. 多开头的，最新的版本，该图片是卸载重新安装之后的版本号 1、卸载 less-loader npm uninstall --save less-loader 2、安装一个低版本的（我安装的是7.3.0的，没有问题） npm install -D less-loader@7.3.0 ...
Vue项目报错-Syntax Error: TypeError: this.getOptions is not a function
lvhanghmm的博客
03-05 1517
ERROR Failed to compile with 1 error 上午10:36:11 error in ./src/components/InputComponent.vue?vue&type=style&index=0&...
Syntax Error: TypeError: this.getOptions is not a function 报错解决
m0_49159526的博客
04-21 1万+
最近在研究vue3的过程中，在项目中想使用less,安装了less和less-loader后，重启项目，终端报错 Syntax Error: TypeError: this.getOptions is not a function， 意思是有语法错误。。。 解决： 通过脚手架创建的项目，发现安装引入的，用于加载.less文件，将less转化为css的less-loader版本过高，8.1版本 “less-loader”: “^8.1.1” 卸载重装低版本（7.）解决了这个问题 // 卸载 npm un
Vue项目安装less报错Syntax Error: TypeError: this.getOptions is not a function
weixin_43690623的博客
01-28 1659
Vue-cli4安装less，但是一直报错 在终端输入以下命令安装less： npm install css-loader style-loader --save-dev npm install less less-loader --save-dev 使用lang="less"之后发现编译报错： Syntax Error: TypeError: this.getOptions is not a function 上网找了方法，重新安装很多次，还是不行。 最后找到一个原因：less-loader安装的版本过高
vue项目启动失败，报错Syntax Error: TypeError: this.getOptions is not a function
最新发布
05-20
1. 确定 webpack 版本是否和项目中使用的一致，如果不一致需要升级或者降级 webpack。 2. 检查 webpack 配置文件是否存在语法错误，比如缺少分号、括号不配对等等。 3. 检查项目依赖是否安装正确，特别是 webpack ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值