reactjs - 未捕獲的語法錯誤：模組中未定義的匯出 'import_react3'（位於 chunk-ALR5B6M7.js?v=aa4e0109:17143:3）

我有一個使用 create-react-app 並搭配 Typescript 創建的專案。並且我使用 yarn 3.3.0 作為套件管理工具。

現在我正在嘗試將 cra 的 webpack 轉移到 vite。我已經使用 yarn create vite 命令初始化了一個專案。然後只是簡單地將先前專案的組件複製並貼到新的專案中。

當我在命令列上運行 yarn tsc 時，我沒有遇到任何錯誤。

在終端機中執行 yarn dev 也是可以的，伺服器會成功啟動。

然而，在瀏覽器中，我在終端機上遇到了一個奇怪的錯誤，顯示為：

Uncaught SyntaxError: Export 'import_react3' is not defined in module (at chunk-ALR5B6M7.js?v=aa4e0109:17143:3)

答案＃1

顯然，既然我正在使用 Material UI，我還需要安裝 @emotion/react 和 @emotion/styled。

npm i @emotion/react @emotion/styled

or

yarn add @emotion/react @emotion/styled

答案＃2

這是給正在使用 MUI 的人安裝以下內容

npm install --save @emotion/react

npm install --save @emotion/styled

安裝後，請重新運行您的專案