使用Create-React-App時如何解決模組導入限制？

解決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中文網其他相關文章！