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 創(chuàng)建的項目，可以參考React中引入less
less-loader的版本不同，配置不同，V6.0.0前后less-loder的配置不同，可以參考webpack踩坑系列之less-loader6.0.0的javascriptEnabled報錯解決
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本篇文章通過完整的代碼給大家介紹了react-player實現視頻播放與自定義進度條效果，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2022-01-01
react?native?reanimated實現動畫示例詳解
這篇文章主要為大家介紹了react?native?reanimated實現動畫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
在??web??開發(fā)的過程中,或多或少都會遇到大列表渲染的場景,為了解決大列表造成的渲染壓力,便出現了虛擬滾動技術,本文主要介紹虛擬滾動的三種思路,希望對大家有所幫助2024-04-04
react.js 獲取真實的DOM節(jié)點實例(必看)
下面小編就為大家?guī)硪黄猺eact.js 獲取真實的DOM節(jié)點實例(必看)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了react獲取input輸入框的值的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
這篇文章主要為大家介紹了Rect Intersection判斷兩個矩形是否相交的算法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
在react面試中，面試官經常會問我們一些關于react的生命周期問題，今天特此分享本文給大家詳細介紹下，感興趣的朋友跟隨小編一起看看吧2021-08-08
這篇文章主要為大家介紹了React?代碼拆分的幾種方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
在使用langchain的ReactAgent遇到問題后,作者嘗試自定義ReactAgent實現,通過詳細分析langchain中的agent功能和問題,結合React思想,作者設計了新的agent邏輯并在GitHub上分享了代碼,新的ReactAgent通過改進prompt和工具調用邏輯,提升了任務執(zhí)行的效果和穩(wěn)定性2024-10-10
React中組件的this.state和setState的區(qū)別
在React開發(fā)中,this.state用于初始化和讀取組件狀態(tài),而setState()用于安全地更新狀態(tài),正確使用這兩者對于管理React組件狀態(tài)至關重要,避免性能問題和常見錯誤2024-09-09