antd 踩坑之 javascriptEnabled配置

àì夳堔傛蜴生んèń 2022-12-27 14:07 284阅读 0赞

# 前言 #

想写一个react+antd的小项目，引入antd样式报错，于是记录下解决方案

# 错误信息 #

![0507c61f968eebc96534e1de08e7e5e8.png][]

也就是这一条`Inline JavaScript is not enabled. Is it set in your options?`，那么根据报错信息也就是说有对应设置没有启动，  
通过查询对应文档，`Enable Inline JavaScript`对应的的参数是javascriptEnabled，而这个参数在lessv3.0之后是默认为false的，所在在项目中的webpack.config.js中配置`javascriptEnabled: true`即可

# 修改方式 #

// 修改 getStyleLoaders 函数

getStyleLoaders 新增 preProcessorOptions = \{\} 参数

// 修改lessRegex\\lessModuleRegex的use

![62436c0525c2ea210bf8eec7e4c6d316.png][]  
![f5b520716aec2c3764723f48b0ee1116.png][]

# 备注 #

**如何在react中引入less或如何修改 create-react-app 创建的项目，可以参考[React中引入less][React_less]**

**less-loader**的版本不同，配置不同,V6.0.0前后less-loder的配置不同,可以参考[webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错解决][webpack_less-loader6.0.0_javascriptEnabled]

[0507c61f968eebc96534e1de08e7e5e8.png]: /images/20221120/f817c4ed485a40c1adb943684e960038.png
[62436c0525c2ea210bf8eec7e4c6d316.png]: /images/20221120/ebdccced9ae54dbc9a20a00f0dfc8923.png
[f5b520716aec2c3764723f48b0ee1116.png]: https://img-blog.csdnimg.cn/img_convert/f5b520716aec2c3764723f48b0ee1116.png
[React_less]: https://blog.csdn.net/qq_34162547/article/details/111038729
[webpack_less-loader6.0.0_javascriptEnabled]: https://blog.csdn.net/wen81643956/article/details/105863548

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx配置与踩坑

系统平台：CentOS 7 安装Nginx 1.下载Nginx：[http://nginx.org/][http_nginx.org] ，选择需要的版本/downloa

淡淡的烟草味﹌/ 2023年10月05日 22:22/ 0 赞/ 44 阅读

相关踩坑日志之elasticSearch

前言 > 上周六马上就下班了，正兴高采烈的想着下班吃什么呢！突然QA找到我，说我们的DB与es无法同步数据了，真是令人头皮发秃，好不容易休一天，啊啊啊，难受呀，没办法，还

Myth丶恋晨/ 2023年01月08日 03:22/ 0 赞/ 189 阅读

相关 antd 踩坑之 javascriptEnabled配置

前言想写一个react+antd的小项目，引入antd样式报错，于是记录下解决方案错误信息 ![0507c61f968eebc96534e1de08e7e5e

àì夳堔傛蜴生んèń/ 2022年12月27日 14:07/ 0 赞/ 285 阅读

相关 antd踩坑记录

1、antd DatePicker使用过程中出现value.locale is not a function问题解决办法点击某一个datepicker，自动设置另外

阳光穿透心脏的1/2处/ 2022年12月20日 03:27/ 0 赞/ 248 阅读

相关配置promethues踩坑记录

promethues容器运行报错 `报错信息` > level=error ts=2021-03-02T09:42:35.130Z caller=main.go:293

「爱情、让人受尽委屈。」/ 2022年11月04日 13:23/ 0 赞/ 691 阅读

相关配置jdk踩得坑

java网上各种配置jdk环境，即使配置后通过java -version 能够正确的显示java版本，也是有毛病的，最近就踩了一个不大不小的坑。在这里做一下记录，方便以后查看

「爱情、让人受尽委屈。」/ 2022年05月27日 06:54/ 0 赞/ 206 阅读

相关 MyBatis配置踩坑

MyBatis版本3.4.6 mysql-connector版本：6.0.6 报错： Loading class `com.mysql.jdbc.Driver

梦里梦外;/ 2022年05月26日 08:20/ 0 赞/ 237 阅读

相关 Windows安装配置MongoDB之踩坑记

一、安装MongoDB 先登录Mongodb官网[https://www.mongodb.com/download-center\community][https_www

迷南。/ 2022年04月22日 19:46/ 0 赞/ 233 阅读

相关我们一起踩过的坑----react（antd）

1.this问题对应写法 1) this.handleChange = this.handleChange.bind(this) //如果不写这个，必须要用箭头函数

Dear 丶/ 2022年04月02日 09:55/ 0 赞/ 299 阅读

相关 Appium配置及踩坑

这次用的是python，重新走一遍配置。之前都是在windows系统，这次用的是mac。配置有所差异。配置先略，后面补充连接查看包名称命令：进

不念不忘少年蓝@/ 2021年11月01日 11:36/ 0 赞/ 356 阅读