antd 踩坑之 javascriptEnabled配置

2,961 阅读1分钟

前言

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

错误信息

也就是这一条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 = {} 参数

image.png

// 修改lessRegex\lessModuleRegex的use

备注

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

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