vue组件＜style＞标签内添加lang=“less“时报错Module build failed: TypeError: this. getOptions is not a function at

最新推荐文章于 2023-04-24 20:44:20 发布
最新推荐文章于 2023-04-24 20:44:20 发布
阅读量697 收藏
点赞数
分类专栏： 前端报错 安装 文章标签： less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55949207/article/details/120561066
版权

具体报错：

Module build failed: TypeError: this. getOptions is not a function at Object. lessLoader (E:\VUElear\vue_2\my-app\node_modules\less-loader\dist\index.js:19:24)

这里是因为安装less的版本高了，降到5.0.0版本（重新安装less，安装时指定版本号@5.0.0）

npm install less-loader@5.0.0 --save-dev

only you502
关注
专栏目录
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4748
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
关于Vue项目中使用less报错的各种问题
SkipCode Blog
09-10 3726
首先我们可以通过这个哥的文章安装到我们的less到我们的Vue项目中 安装LESS 我把它的内容抄出来如下 首先，在项目目录下安装 less 和 less-loader。 npm install less less-loader --save-dev 安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：{test: /.less$/,loader: “style-loader!css-loader
关于vue的style标签中使用lang=“less“导致报错问题
weixin_49100429的博客
08-02 2916
问题如下： 这个就比较简单了，就是少了less-loader的依赖。安装就可以了，但是在这里有余vue升级到3.0了，所以这里直接iinstall肯定会报错，如下 这个是因为版本不兼容问题导致的，那怎么办呢？小编我也是搜索了很多资料，通过不断的报错中总结以下经验，首先去除掉之前的依赖 npm uninstall --save sass-loader npm uninstall --save less-loader npm uninstall --save less 然后严格控制版本下载依赖.
Error：this.getOptions is not a function
qq_45780380的博客
03-16 523
Error：this.getOptions is not a function 今天在使用Vue中想在style中使用less语法 <style lang="less" scoped> .login_container{ background: #2b4b6b; } </style> 安装好依赖less和less-loader但是却报了下面的错误： 查阅得知是因为less-loader的版本过高所致 解决方案： 1.npm uninstall less-loader 2.n
解决在sublime里，.vue文件不识别style样式中lang=less
magic_xiang的博客
06-27 1万+
    使用sublime编辑器，在写vue文件的时候，如果style设置为less，则里面的代码为白色，且不提示，这样显然会降低我们的开发效率。    一开始我安装的插件是less，但发现只有less文件才会高亮并且提示，在vue文件里还是不起作用    后来发现的插件是lessimproved，终于可以实现在vue文件里style lang="less"的代码高亮并且提示了。     subl...
error：Vue项目中使用lang=“less“报错
qq_45469341的博客
10-04 1765
error：Vue项目中使用lang=“less“报错
Module build failed: TypeError: this.getOptions is not a function（已解决）解决node-sass与node版本冲突问题
weixin_44919186的博客
07-25 1702
问题： 执行npm run dev，首先出现了如下这个问题 ： 踩坑1： 之后上网查原因得知是因为：node-loader版本过高导致的问题，建议将版本降低到@7.3.1 通过命令：npm install sass-loader@7.3.1 --save-dev降低了版本 再继续执行npm run dev 依然还是继续报错如下： 踩坑2： 之后继续网上查原因得知是因为：@6.0.0版本过高了，需要换成@4.x版本的 继续通过命令：npm in...
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
m0_67402588的博客
03-08 602
最近学习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.
TypeError: this.getOptions is not a function解决方法
yan的秘密基地
03-16 3014
Vue中出现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 使用 lang=“less“ lang=“scss“ 报错 less scss使用
热门推荐
weixin_43617604的博客
07-09 2万+
vue使用 less sass 安装及使用规范。
vue搭建项目时没有选择less或是引入lang=“less“时报错
qq_44004011的博客
03-08 1027
如图报错 原因： vue在创建项目时没有选择Less 解决办法： 安装依赖 npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader 有的教程可能会让配置build/webpack.confog.js，这一步是不需要的，vue-load已经为我们配置好了 {
vue引入lang=“less“的方法以及报错的解决方案
醉殇姒若梦遗年 ツ的博客
07-10 1万+
第一步：安装 less 和less-loader npm install less less-loader --save 第二步：修改webpack.base.conf.js文件 找到build文件夹下的webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', op
vue中使用 lang=“scss“ 报错
l13501058595的博客
10-22 1347
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-cili中使用scss在组件文件.vue中的style标签中输入属性lang=“scss“报错
zhangyubababa的博客
02-26 1548
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引入lang=“less“报错的解决方案记录
weixin_39503910的博客
04-16 2472
想在vue中引入less,老是报错，百度良久，终于找到解决方案 一、安装 less 和less-loader（npm install less less-loader --save） 二、修改webpack.base.conf.js文件 找到build文件夹下的webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 { test:/.less$/, loader:“style-loader!css-loader!less-loader” }, 如下
解决:lang=“less“Module not found: Error: Can‘t resolve ‘less-loader‘ in ‘ XXXX
jaodkjajfbkjasn的博客
04-24 699
npm i less-loader 之后，还是出现这个错误，可以检查一下webpack和 less-loader的版本，less-loader 5-7都是为webpack4服务的，less-loader8-9是为webpack5服务的，要安装对应的版本，使用lang=“less”就不会报错了。查看 webpack 版本 npm view webpack version。安装 less-loader : npm i less-loader@版本号。
Vue.js项目引入less文件报错解决
卜小娴的博客
09-21 1万+
最近用vue-cli+webpack构建项目时，当在app.vue或者其他组件中中引入less文件时会报错，如下所示：import '@/less/detail.less'报错如下： 根据报错信息说是相关依赖babel-loader和vue-loader没有找到，但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置
vue中使用style lang="scss"报错(配置sass
庭落
09-18 4761
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 less Syntax Error: TypeError: this.getOptions is not a function
最新发布
10-09
这个错误是因为在Vue中使用less时，没有正确配置less-loader插件。在vue.config.js文件中配置less-loader插件可以解决这个问题。 请确保你已经按照以下步骤进行操作： 1. 安装less和less-loader模块： ``` npm install less less-loader --save-dev ``` 2. 在项目根目录下创建vue.config.js文件（如果已经存在则跳过此步骤），并添加以下内容： ```javascript module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true } } } } ``` 3. 重新运行应用程序，检查是否还存在该错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值