antd踩坑之javascriptEnabled配置方式
前言
想寫一個(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è)置沒有啟動(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中用@符號(hào)編寫文件路徑實(shí)現(xiàn)方法介紹
在Vue中，我們導(dǎo)入文件時(shí)，文件路徑中可以使用@符號(hào)指代src目錄，極大的簡(jiǎn)化了我們對(duì)路徑的書寫。但是react中，要想實(shí)現(xiàn)這種方式書寫文件路徑，需要寫配置文件來(lái)實(shí)現(xiàn)2022-09-09
在?React?Native?中給第三方庫(kù)打補(bǔ)丁的過(guò)程解析
這篇文章主要介紹了在?React?Native?中給第三方庫(kù)打補(bǔ)丁的過(guò)程解析,有時(shí)使用了某個(gè)React Native 第三方庫(kù)，可是它有些問題，我們不得不修改它的源碼，本文介紹如何修改源碼又不會(huì)意外丟失修改結(jié)果的方法，需要的朋友可以參考下2022-08-08
vite+react+tailwindcss的簡(jiǎn)單使用方式
這篇文章主要介紹了vite+react+tailwindcss的簡(jiǎn)單使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
在使用reactjs庫(kù)的時(shí)候,會(huì)遇到將一段html的字符串,然后要將它插入頁(yè)面中以html的形式展現(xiàn),本文主要介紹了react解析html字符串方法實(shí)現(xiàn),感興趣的可以了解一下2023-12-12
ahooks控制時(shí)機(jī)的hook實(shí)現(xiàn)方法
這篇文章主要為大家介紹了ahooks控制時(shí)機(jī)的hook實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
Docker部署SpringBoot項(xiàng)目到云服務(wù)器的實(shí)現(xiàn)步驟
Docker作為一種輕量級(jí)的容器化技術(shù)，為開發(fā)者提供了快速、便捷的部署方案，本文主要介紹了Docker部署SpringBoot項(xiàng)目到云服務(wù)器，具有一定的參考價(jià)值，感興趣的可以了解一下2024-01-01
react數(shù)據(jù)管理機(jī)制React.Context源碼解析
這篇文章主要為大家介紹了react數(shù)據(jù)管理機(jī)制React.Context源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
react中關(guān)于Context/Provider/Consumer傳參的使用
這篇文章主要介紹了react中關(guān)于Context/Provider/Consumer傳參的使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
react-router中Link標(biāo)簽和a標(biāo)簽有什么區(qū)別
本文主要介紹了react-router中Link標(biāo)簽和a標(biāo)簽有什么區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-06-06
這篇文章主要介紹了react中Suspense的使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09