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报错解决
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了React实现类似于Vue中的插槽的项目实践，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
render props是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的技术。简单来说，给一个组件传入一个prop，这个props是一个函数，函数的作用是用来告诉这个组件需要渲染什么内容，那么这个prop就成为render prop2022-11-11
在启动React应用时,遇到Webpack版本不匹配导致的运行错误,解决方法包括删除全局及局部的webpack和webpack-cli,然后根据项目需求安装特定版本的webpack,本文通过代码示例给大家介绍的非常详细,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了React组件refs的使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要为大家详细介绍了如何使用React实现图片缩放的功能,文中的示例代码讲解详细,具有一定的参考价值,感兴趣的小伙伴可以了解下2023-10-10
事件是在编程时系统内发生的动作或者发生的事情，而开发者可以某种方式对事件做出回应，而这里有几个先决条件，这篇文章主要介绍了React合成事件原理解析,需要的朋友可以参考下2022-07-07
“Props” 是 React 中用于传递数据给组件的一种机制,通常作为组件的参数进行传递,在 React 中,props 是只读的,意味着一旦将数据传递给组件的 props,组件就不能直接修改这些 props 的值,这篇文章主要介绍了React的Props、生命周期,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了react 中父组件与子组件双向绑定问题，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
在React中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。React 中的条件渲染和JavaScript中的一致，使用JavaScript操作符if或条件运算符来创建表示当前状态的元素，然后让React根据它们来更新UI2022-11-11
本文主要介绍了react + zarm 实现底部导航栏的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
最新评论