antd踩坑之javascriptEnabled配置方式
前言
想写一个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 = {} 参数 // 修改lessRegex\lessModuleRegex的use
备注
如何在react中引入less或如何修改 create-react-app 创建的项目,可以参考React中引入less
less-loader的版本不同,配置不同,V6.0.0前后less-loder的配置不同,可以参考webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错解决
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
React 组件中的state和setState()你知道多少
这篇文章主要为大家详细介绍了React组件中的state和setState(),文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助2022-03-03React实现控制减少useContext导致非必要的渲染详解
这篇文章主要介绍了React如何有效减少使用useContext导致的不必要渲染,使用useContext在改变一个数据时,是通过自己逐级查找对比改变的数据然后渲染,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-11-11使用useMutation和React Query发布数据demo
这篇文章主要为大家介绍了使用useMutation和React Query发布数据demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-12-12
最新评论