ant-design-vue 按需加载CSS安装less和less-loader后提示this.getOptions is not a function

最新推荐文章于 2023-08-29 09:30:49 发布

DB_Thor

最新推荐文章于 2023-08-29 09:30:49 发布

阅读量323

点赞数

分类专栏：踩坑文章标签： vue

本文链接：https://blog.csdn.net/weixin_51519209/article/details/119451039

版权

踩坑专栏收录该内容

1 篇文章 0 订阅

订阅专栏

博客内容讲述了在项目中遇到less和less-loader最新版本不支持antd某些功能的问题，提供了详细的解决步骤。首先，需要卸载已安装的less和less-loader，然后安装指定版本的less（2.x）和less-loader（7.x）来确保与antd的兼容性。

摘要由CSDN通过智能技术生成

报错如下

在这里插入图片描述

原因是less和less-loader最新的版本不支持antd中使用的一些方法

解决方法

1.卸载原本安装的less和less-loader

npm uninstall less 
npm uninstall less-loader

2.安装2.x版本的less和7.x版本的less-loader

npm i less@2.* -D
npm i less-loader@7.* -D

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DB_Thor

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案

王佳斌

11-07

5082

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，less-loader，报错【TypeError: this.getOptions is not a function】解决办法

苏小姐的茶

03-23

3743

问题：Vue项目，安装less和less-loader ，报错【Syntax Error: TypeError: this.getOptions is not a function】报错如下：报错原因：在可视化页面里，默认安装最新版本的less和less-loader，而最新版本的依赖包往往不稳定，容易出现问题，所以，我们应该安装稳定的版本。解决办法： 1.先卸载掉原先的版本 2.通过命令行的方式安装指定的版本（注意：在你当前项目里安装即可，不用全局安装，所以加...

参与评论您还未登录，请先登录后发表或查看评论

使用AntD实现按需引入，更改项目主题色，出现TypeError: this.getOptions is not a function

yangaoyuan1999的博客

08-03

492

1.安装依赖 yarn add react-app-rewired customize-cra babel-plugin-import less less-loader react-app-rewired:重写脚手架配置 customize-cra：修改webpack配置 babel-plugin-import：将 import 的写法自动转换为按需引入的方式 less:使用less less-loader:将less文件转化为css create-creact-app项目，如果需要手动修改配置，需

antd设置改变主题色时报错TypeError: this.getOptions is not a function

qq_18643245的博客

08-19

423

今天在create-react-app脚手架中用antd组件库按文档设置改变主题色，安装了less-loader模块之后，配置相应文件后报错，如下图：原因：less-loader版本过高解决方案：1.yarn remove less-loader（移除原有包） 2.yarn add less-loader@6.0.0 3.修改配置文档 config-overrides.js const { override, fixBabelImports, addLessLoader } = require('c

java.sql.SQLException: org.gjt.mm.mysql.Driver

岁月不饶人，我亦未曾饶过岁月

10-30

988

spring boot druid 中启动报错如下：原因是org.gjt.mm.mysql.Driver是早期的驱动名称，现在一般都推荐使用 com.mysql.jdbc.Driver这个驱动解决方法1：修改maven 中的版本号，低于mysql-connector-java-5.1.47.jar这个版本都支持  <dependency> <groupId>mysql</groupId> <

引入ant-design-vue/dist/antd.less文件后报错的解决方式less配置

xiaoququ的博客

12-31

4954

问题：引入ant的less文件报的错 // 全局引入antdesign import Antd from "ant-design-vue"; import "ant-design-vue/dist/antd.less"; Vue.use(Antd); github提供的解决方案降低less版本到3.0 以下，不是最好的选择配置webpack，vue-cli文档要求在vue.config.js中配置javascriptEnabled: true module.exports = { css:

vue引入ant design vue时无法加载less-loader/less模块

yingzhi3104的博客

11-06

1352

报错如下：问题来源：项目使用了vuecli3和ts，引入ant-design-vue之后，还需要安装less和less-loader。都安装好了之后运行，less会报错错误描述：less-loader3.0以上的版本修改了配置，不支持InlineJavasript，可查看https://github.com/ant-design/ant-motion/issues/44 解决办法： 1，重新安装，把less版本降到3.0以下 2，修改vue.config.js配置 // vue..

[Vue]解决less-loader 报错 TypeError: this.getOptions is not a function

喜欢前端的后端 MelodyJerry

02-26

1万+

问题 less-loader 报错 TypeError: this.getOptions is not a function at Object.lessLoader： Failed to compile. ./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--1

ant-design-vue项目按需加载和定制主题及遇到的问题

waviness的博客

03-18

1721

ant-design-vue项目按需加载和定制主题及遇到的问题 ant-design-vue在vuecli3项目按需引入，定制主题中less样式报错问题下面包括ant-design-vue在vuecli3项目按需引入和定制主题的方法，和定制主题过程中遇到的报错问题及解决方法。安装babel-plugin-import 按需加载模块 yarn add babel-plugin-import -D 修改babel.config.js module.exports = { presets: [ ‘@vue/c

TypeError: this.getOptions is not a function解决方法

yan的秘密基地

03-16

3049

Vue中出现TypeError: this.getOptions is not a function解决办法

详解在create-react-app使用less与antd按需加载

12-09

使用antd按需加载使用react-app-rewired对 create-react-app 的默认配置进行自定义 1、yarn add react-app-rewired –dev /* package.json */ "scripts": { - "start": "react-scripts start", + "start": "react-app-rewired start", - "build": "react-scripts build", + "build": "react-app-rewired build", - "test": "react-script

前端 css js react vue 无法加载css样式

勤奋的小蜜蜂的博客

03-13

808

情况一：查看.html文件中<head>标签是否有被注释。情况二：。。。

TypeError: this.getOptions is not a function 的解决

hyupeng1006的博客

01-06

2万+

React这个实际上就是 sass-loader 的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader，重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹，直接修改package.json里sass-loader和node-sass里的版本，然后npm install四、node。

Vue 报错之 Syntax Error: TypeError: this.getOptions is not a function

最新发布

ycc1111的博客

08-29

385

解决方案:版本不符合,我们只需下载当前的版本重新下载新的版本命令如下,或者在package.json里面把less-loader改成你想要的版本,然后npm install。报错原因:当我们拿到一个项目的时候,Npm i下载node_modules会出现这个问题,是由于我们的less-loader版本与项目不符或者版本过高!这样就可以快速的解决这个问题了~~~

遇到 bug：“ TypeError：this.getOptions is not a function ”

即使萍水也不要相逢的博客

02-22

2617

项目场景：在进行Vue项目开发的时候，在模板文件index.html中用到了模板字符串，在模板字符串中出现了变量； PS：上述scale为变量问题描述：在启动项目（npm run serve）时候报错，上述scale变量不能被处理；注意点：如果在HTML文件中用到了字符串模板，字符串模板中用到了变量，那么html-plugin是无法处理的，所以会报错，如果想解决这个问题，那么我们需要再借助一个loader：html-loader；当小编在项目中下载并使用html-loade..

在Vue中使用sass和less，并解决报错问题（this.getOptions is not a function）

耶温的博客

04-25

824

使用 Less 下载依赖：npm install less less-loader 在mian.js 中添加: import less from "less"; Vue.use(less); 使用： <style lang="less"></style> 使用 Less 时运行报错 this.getOptions is not a function 原因：less-loader安装的的版本过高解决：重新安装较低版本 npm uninstall less-load

vue打包--TypeError: this.getOptions is not a function（关于postcss-loader）

qq_35353972的博客

04-02

1617

问题的分析：这个实际上就是 postcss-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 postcss-loader 进行降级处理。运行以上命令下载降级版本的 postcss-loader，这个问题就可以解决了。

报错： this.getOptions is not a function 翻译：这个getOptions不是一个函数。

lixiaoqidecsdn的博客

03-08

810

在添加 less 样式后安装了 yarn add less less-loader <style lang="less" scoped> .login_container{ background-color: #2b6b4b; } </style> 成功安装后在package.json文件中找到配置项，如下 "less": "^4.1.2", "less-loader": "^10.2.0", 运行项目会报错：如下 this.getO..

TypeError this.getOptions is not a function 的解决

m0_55070913的博客

03-11

3252

一、问题的出现：在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示：二. 问题的分析及解决：问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后通过 npm install le