使用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中文网其他相关文章！