antd 自定义主题发现编译时会报错

最新推荐文章于 2023-09-04 09:58:49 发布
原创 最新推荐文章于 2023-09-04 09:58:49 发布 · 429 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#reactjs

本文介绍了解决在使用Antd自定义主题时遇到的编译错误的方法。通过调整less及less-loader版本，可以有效避免出现this.getOptionsisnotafunction等错误。

在使用 antd 自定义主题时如果直接 yarn 按照命令按照你会发现编译时会报错，
this.getOptions is not a function; Inline JavaScript is not enabled. Is it set in your options?
这两个错误的原因是因为less、less-loader版本不同导致的
试试卸载当前版本,下载如下版本
yarn remove less
yarn remove less-loader
yarn add less@3.12.2
yarn add less-loader@7.1.0

使用babel-plugin-import使antd插件按需加载并自定义主题,在webpack.config.js文件下的相关配置
我的个人博客
12-09 1931
使用babel-plugin-import使antd插件按需加载并自定义主题,在webpack.config.js文件下的相关配置,这里演示的是webpack4.0 因为antd使用的是less,所以这里需要安装less 安装antd: yarn add antd 安装babel-plugin-import: yarn addbabel-plugin-import 按需加...
vite+react+antd，封装公共组件并发布npm包
【爱打盹的喵】的专栏
08-18 1317
npm 发布 react 包
解决问题：this.getOptions is not a function
JJJ
08-15 398
this.getOptions is not a function vue程序执行npm run dev的时候报的错误。 1 原因 node-ass和ass-loader的版本太高，无法兼容。 2 解决方法 打开项目中package.json文件，把node-ass的版本和ass-loader版本调低 ==本人在node-sass4.14.1版本，sass-loader7.3.1版本下可以运行。 3 更改完版本要在控制台npm install重新安装 4 npm run dev运行 ...
使用谷歌浏览器访问vue项目的时候，报错Incorrect use of ＜label for=FORM_ELEMENT＞
FebruaryQ的博客
09-04 1万+
标签会被解析成<lable>标签，并且还有。元素匹配在一起，你需要给。属性，因为关联已隐含存在！所以我们就知道该如何解决了。
TypeError: this.getOptions is not a function 的解决(vue,react)
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-25 5万+
1.npm uninstall less-loader 2.npm install less-loader@5.0.0 一、报错信息 TypeError: this.getOptions is not a function这个是在运行项目是遇到的问题 vue里 ...
关于react使用antd定制主题报错
Benz_s600的博客
04-28 842
1.报错this.getOptions is not a function 解决办法:可能是由于less-loader的版本过高 可以将当前版本卸载,再安装7.x的版本 npm uninstall less-loader npm install less-loader@7.1.0 2.报错options has an unknown property ‘modifyVars’. These properties are valid 解决办法:modifyVars 语法问题 修改根目录下的config
antdesign typescript报错 类型“IntrinsicAttributes & XXXProps”上不存在属性“children”
06-02 1万+
原因是react现在要求children必须在props里声明类型，但是目前的antdesign还没有为此进行更新（什么时候更了告诉我一声）以Modal组件为例，当我们在Modal里包东西的时候就会如下报错：不能将类型“{ children: Element; getContainer: () => HTMLElement; bodyStyle: { padding: number; minWidth: string; }; visible: boolean; footer: null; closable:
less文件引入没有问题，但是antd的less文件引入报错
最新发布
09-12
如果自定义的 Less 文件可以正常编译，但引入 `ant-design-vue` 的 Less 文件时报错（如 `Inline JavaScript is not enabled` 或变量未定义），通常是由于 **Ant Design 的 Less 变量依赖** 或 **JavaScript 插值...
泛微E9注册自定义接口报错
06-07
如果直接引入官方`antd`组件导致报错，则可能是由于框架限制或版本冲突引起的。建议优先使用泛微官方提供的组件库[^4]。 #### 4. 检查注册流程 自定义接口的注册通常涉及以下几个步骤： - 定义接口类并实现相应的...
visual studio2022winfrom项目的UI界面无法打开，但是编译没有报错
06-22
当设计器无法打开时，通常会在输出窗口中显示错误信息。查看输出窗口中的详细错误信息，定位具体问题所在。例如，某些特定控件可能引发未处理的异常[^3]。 #### 6. 使用安全模式启动 Visual Studio 尝试以安全模式...
antd-theme-generator:该脚本将生成color.less文件，以更新浏览器中与颜色相关CSS
05-02
蚂蚁主题生成器 该脚本生成特定于颜色的样式/较少的文件，可用于在浏览器中动态更改主题 例子： const { generateTheme } = require('antd-theme-generator'); const options = { antDir: path.join(__dirname, './node_modules/antd'), stylesDir: path.join(__dirname, './src'), // all files with .less extension will be processed varFile: path.join(__dirname, './src/styles/variables.less'), // default path is Ant Design default.less file themeVaria
antd 自定义主题功能使用报错 .bezierEasingMixin(); ^ Inline JavaScript is not enabled. Is it set in your options
m0_37148591的博客
07-04 4417
前言 日常积累，欢迎指正 环境描述 { "devDependencies": { "less": "^3.9.0", "less-loader": "^5.0.0", "ts-loader": "^6.0.3", "webpack": "^4.34.0", "webpack-cli": "^3.3.4", "webpack-dev-server"...
antd设置改变主题色时报错TypeError: this.getOptions is not a function
qq_18643245的博客
08-19 483
今天在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
处理antd按需加载样式编译问题
weixin_44297222的博客
04-18 303
下载包 yarn add antd yarn add react-app-rewired customize-cra babel-plugin-import yarn add less less-loader 在主目录下定义加载配置的 js 模块: config-overrides.js //配置具体的修改规则 const { override, fixBabelImports,addLessLoader} = require('customize-cra'); module.exports = ove
报错： this.getOptions is not a function 翻译：这个getOptions不是一个函数。
lixiaoqidecsdn的博客
03-08 908
在添加 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_67391121的博客
03-01 3850
一、问题的出现： 在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function，如下所示： 二. 问题的分析及解决： 问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理 问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install le
解决报错：Incorrect use of ＜label for=FORM_ELEMENT＞
qq_45945456的博客
06-02 1万+
从图中可以看出是把el-form-item里的label变成了label标签，但是没查清楚原因，但是按照提示加入id后，这个错误消失了。这并不影响开发，但看到增加的问题很难受，各种搜没有找到办法。
npm install:Could not resolve dependency：peer... 原因和解决方案
时清云的博客
08-09 8067
安装时忽略所有peerDependencies，忽视依赖冲突，已有的依赖不会覆盖。: 会无视冲突，并强制获取远端npm库资源，即使本地有资源也会覆盖掉。比较保险一点，反正我用了就安装成功了。那么npm：何时使用。即可，其余同样如此。
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。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值