解決Create-React-App 中的模組導入限制
Create-react-app 強制執行限制，防止從src 外部模組目錄。此限制可確保模組隔離並優化建置效能。但是，從其他位置（例如公用資料夾）存取資源可能會很困難。
錯誤訊息來源
您遇到的錯誤訊息表明您正在嘗試從公共目錄匯入影像。但是，導入位於 src 目錄之外，並且不受 create-react-app 支援。
潛在解決方案
1.將資源移至src 目錄：
最簡單的解決方案是將要使用的映像移至src 目錄。這將確保它包含在建置過程中並且可以從您的元件中匯入。
2.使用公用資料夾 URL：
或者，您可以避免從公用資料夾匯入影像，而是直接使用其 URL。這比導入效率低，但在某些情況下可以作為解決方法。
3.非官方解決方案：
雖然 create-react-app 不正式支援停用導入限制，但有非官方解決方案。然而，這些解決方案需要進階的 webpack 配置知識，可能不適合所有使用者。
最佳實踐
建議遵守 create-react-應用程式導入限制，因為它們提供了模組隔離和構建效率等好處。將資產移至 src 目錄通常是確保元件可存取性的首選方法。
以上是使用Create-React-App時如何解決模組導入限制？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
