antd踩坑之javascriptEnabled配置方式
更新时间：2024年01月24日 10:17:18 作者：dayTimeAffect
这篇文章主要介绍了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报错解决
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在Vue中，我们导入文件时，文件路径中可以使用@符号指代src目录，极大的简化了我们对路径的书写。但是react中，要想实现这种方式书写文件路径，需要写配置文件来实现2022-09-09
这篇文章主要介绍了在 React Native 中给第三方库打补丁的过程解析,有时使用了某个React Native 第三方库，可是它有些问题，我们不得不修改它的源码，本文介绍如何修改源码又不会意外丢失修改结果的方法，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vite+react+tailwindcss的简单使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,本文主要介绍了react解析html字符串方法实现,感兴趣的可以了解一下2023-12-12
这篇文章主要为大家介绍了ahooks控制时机的hook实现方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Docker部署SpringBoot项目到云服务器的实现步骤
Docker作为一种轻量级的容器化技术，为开发者提供了快速、便捷的部署方案，本文主要介绍了Docker部署SpringBoot项目到云服务器，具有一定的参考价值，感兴趣的可以了解一下2024-01-01
这篇文章主要为大家介绍了react数据管理机制React.Context源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
react中关于Context/Provider/Consumer传参的使用
这篇文章主要介绍了react中关于Context/Provider/Consumer传参的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
本文主要介绍了react-router中Link标签和a标签有什么区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
这篇文章主要介绍了react中Suspense的使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
最新评论