溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下webpack不識別react的解決方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
webpack不識別react是因為使用了es6的import關鍵字聲明的變量，并且沒有將變量掛載到window上導致的，其解決辦法就是使用es5的聲明變量方式“var React = require("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的屬性。
解決方法：
使用es5的聲明變量方式
var React = require("react");看完了這篇文章，相信你對webpack不識別react的解決方法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
