本篇內(nèi)容主要講解“react不能解析css如何解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“react不能解析css如何解決”吧!

卓尼網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

react不能解析css是因為webpack配置“css/less”文件的loader時，默認(rèn)不開啟模塊化或者是由于引入方法不對導(dǎo)致的，其解決辦法：1、更改下webpack的loader配置；2、在“index.css”文件中通過“@import '~antd/dist/antd.css';”方式引入即可。

• react 模塊化引入外部css文件不生效問題處理

react 中引入外部css/less文件時，如果直接引入 =》 import “./search.less”;

在使用時直接使用className即可， 如下圖：

但是如果采用這種方式引入=》import styles from “./search.less”;

則會發(fā)現(xiàn)樣式并不生效，如下圖：

原因是，webpack配置css/less文件的loader時，默認(rèn)不開啟模塊化，這種模塊化方式引入需要更改下webpack的loader配置， 如下圖：

• 在React中引入antd樣式不生效？

寫代碼的時候使用antd的組件，覺得還是比較方便的（雖然antd密閉性也太好了）

之前也出現(xiàn)過，因為下載antd出現(xiàn)的問題，使用npm的源國內(nèi)無法使用?？梢允褂锰詫毜溺R像源，要是還不行就用手機的熱點下載

可是這次出現(xiàn)antd樣式不生效的問題，我就裝antd了好幾遍，npm、cnpm、yarn都試了還是不行

于是在網(wǎng)上找，但是其中的解決方法好像都沒有對癥下藥，然后我有去官網(wǎng)看了下引入方法

有以下表述：

我的代碼是在scr下的其他文件夾中寫的，并且js文件沒有創(chuàng)建對應(yīng)css文件，應(yīng)該不需要引入antd/dist/antd.css

于是我想應(yīng)該在入口文件index文件的css中引入，就成了

解決方法：

1、檢查antd是否引入成功

多試幾次，要是有過多的warn，那說明就懸

npm i antd
cnpm i antd
yarn add antd

2、在index.css文件中引入：

@import '~antd/dist/antd.css';

到此，相信大家對“react不能解析css如何解決”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)頁名稱：react不能解析css如何解決
文章地址：http://chinadenli.net/article32/gedisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、微信小程序、網(wǎng)站策劃、網(wǎng)頁設(shè)計公司、網(wǎng)站排名、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)