首頁 > web前端 > js教程 > webpack 不識別react怎麼辦

webpack 不識別react怎麼辦

藏色散人
發布: 2023-01-04 09:37:35
原創
2689 人瀏覽過

webpack不識別react是因為使用了es6的import關鍵字聲明的變量,並且沒有將變量掛載到window上導致的,其解決辦法就是使用es5的聲明變量方式“var React = require ("react");」即可。

webpack 不識別react怎麼辦

本教學操作環境:windows7系統、react17.0.1&&Webpack3.0版,此方法適用於所有品牌電腦。

相關推薦:《react教學

webpack打包後不識別react怎麼辦?

問題:

webpack能夠正常打包react項目,但在chrome偵錯器中報錯如下

Uncaught ReferenceError: React is not defined
登入後複製

原因:

使用了es6的import關鍵字聲明的變量,沒有將變數掛載到window上。

es5中只有var和function會宣告變數而且預設是全域物件的屬性,只有全域作用域和函數作用域。也就是nodejs中global的屬性,瀏覽器中window的屬性,這就帶來了一些問題,全域污染,當一個程式裡有好多同名變數的時候後面的覆蓋前面的。

為了解決這種問題或其他原因,es6引入了const,import,class,let等關鍵字,它們是區塊作用域,這些關鍵字聲明出來的不會做全域變數的屬性,也就是說不會做global或window的屬性。

webpack 不識別react怎麼辦

解決方法:

使用es5的宣告變數方式

var React = require("react");
登入後複製

以上是webpack 不識別react怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板