antd踩坑之javascriptEnabled配置方式
前言
想寫(xiě)一個(gè)react+antd的小項(xiàng)目，引入antd樣式報(bào)錯(cuò)，于是記錄下解決方案
錯(cuò)誤信息
也就是這一條
Inline JavaScript is not enabled. Is it set in your options?
那么根據(jù)報(bào)錯(cuò)信息也就是說(shuō)有對(duì)應(yīng)設(shè)置沒(méi)有啟動(dòng)，
通過(guò)查詢對(duì)應(yīng)文檔，Enable Inline JavaScript對(duì)應(yīng)的的參數(shù)是javascriptEnabled
而這個(gè)參數(shù)在lessv3.0之后是默認(rèn)為false的
所在在項(xiàng)目中的webpack.config.js中配置javascriptEnabled: true即可
修改方式
// 修改 getStyleLoaders 函數(shù)
getStyleLoaders 新增 preProcessorOptions = {} 參數(shù)
// 修改lessRegex\lessModuleRegex的use
備注
如何在react中引入less或如何修改 create-react-app 創(chuàng)建的項(xiàng)目，可以參考React中引入less
less-loader的版本不同，配置不同，V6.0.0前后less-loder的配置不同，可以參考webpack踩坑系列之less-loader6.0.0的javascriptEnabled報(bào)錯(cuò)解決
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
react-player實(shí)現(xiàn)視頻播放與自定義進(jìn)度條效果
本篇文章通過(guò)完整的代碼給大家介紹了react-player實(shí)現(xiàn)視頻播放與自定義進(jìn)度條效果，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2022-01-01
react?native?reanimated實(shí)現(xiàn)動(dòng)畫(huà)示例詳解
這篇文章主要為大家介紹了react?native?reanimated實(shí)現(xiàn)動(dòng)畫(huà)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
React實(shí)現(xiàn)虛擬滾動(dòng)的三種思路詳解
在??web??開(kāi)發(fā)的過(guò)程中,或多或少都會(huì)遇到大列表渲染的場(chǎng)景,為了解決大列表造成的渲染壓力,便出現(xiàn)了虛擬滾動(dòng)技術(shù),本文主要介紹虛擬滾動(dòng)的三種思路,希望對(duì)大家有所幫助2024-04-04
react.js 獲取真實(shí)的DOM節(jié)點(diǎn)實(shí)例(必看)
下面小編就為大家?guī)?lái)一篇react.js 獲取真實(shí)的DOM節(jié)點(diǎn)實(shí)例(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
這篇文章主要介紹了react獲取input輸入框的值的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
Rect Intersection判斷兩個(gè)矩形是否相交
這篇文章主要為大家介紹了Rect Intersection判斷兩個(gè)矩形是否相交的算法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
在react面試中，面試官經(jīng)常會(huì)問(wèn)我們一些關(guān)于react的生命周期問(wèn)題，今天特此分享本文給大家詳細(xì)介紹下，感興趣的朋友跟隨小編一起看看吧2021-08-08
這篇文章主要為大家介紹了React?代碼拆分的幾種方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
React Agent 自定義實(shí)現(xiàn)代碼
在使用langchain的ReactAgent遇到問(wèn)題后,作者嘗試自定義ReactAgent實(shí)現(xiàn),通過(guò)詳細(xì)分析langchain中的agent功能和問(wèn)題,結(jié)合React思想,作者設(shè)計(jì)了新的agent邏輯并在GitHub上分享了代碼,新的ReactAgent通過(guò)改進(jìn)prompt和工具調(diào)用邏輯,提升了任務(wù)執(zhí)行的效果和穩(wěn)定性2024-10-10
React中組件的this.state和setState的區(qū)別
在React開(kāi)發(fā)中,this.state用于初始化和讀取組件狀態(tài),而setState()用于安全地更新?tīng)顟B(tài),正確使用這兩者對(duì)于管理React組件狀態(tài)至關(guān)重要,避免性能問(wèn)題和常見(jiàn)錯(cuò)誤2024-09-09