当前位置: 首页 > 知识库问答 >
问题:

create-react-app在src目录之外导入限制

丰飞龙
2023-03-14

从'../../public/images/logo_2016.png'导入徽标;

我读过很多东西,说你可以做一个导入路径,但这仍然是不对我的工作。如有任何帮助,将不胜感激。我知道有很多这样的问题,但他们都告诉我进口标志或图像,所以很清楚,我错过了一些大图片。

共有1个答案

仇炜
2023-03-14

这是Create-React-App开发人员添加的特殊限制。它在modulescopeplugin中实现,以确保文件驻留在src/中。该插件确保了从应用程序源目录的相关导入不会到达它之外。

您可以通过create-react-app项目的eject操作禁用此功能(方式之一)。

大多数功能及其更新都隐藏在create-react-app系统的内部。如果使eject,您将不再具有某些功能及其更新。因此,如果您还没有准备好管理和配置应用程序,包括配置webpack等-不要执行eject操作。

更好的方法是添加完全工作的附加目录,类似于src。这可以使用react-app-rewire-alias来完成

不要从public文件夹导入--该文件夹将在build文件夹中重复,并且可以通过两个不同的url(或者通过不同的加载方式)使用,这最终会恶化包下载大小。

src文件夹导入更可取,而且具有优势。所有的东西都将被webpack打包到bundle中,具有块的最佳大小和最佳的加载效率。

 类似资料:
  • 问题内容: 我正在使用create-react-app。我正在尝试从文件夹中的文件中调用公用文件夹中的图片。我收到此错误消息。 ./src/components/website_index.js找不到模块:您试图导入属于项目src/目录之外的../../public/images/logo/WC-BlackonWhite.jpg。不支持src/以外的相对导入。您可以将其移动到src /中,也可以从

  • 我有两个react应用程序(A-app,B-app)。我需要将一个组件从A-app导入B-app。但当我尝试这样做时,我看到了这个错误。 我试图在B-appnode_modules中对这个组件进行符号链接。但它不起作用。 我也试着去创造。在根项目目录中创建env文件,并将此放入文件中。但这个解决方案也不管用。 我该怎么解决这个问题? 对不起我的英语。

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • 我写了“../../public/image/cover1.png” 但有一个错误是: 未找到模块:您试图导入..//公共/图片/封面1。位于项目src/目录之外的png。不支持src/之外的相对导入。

  • 我有一个包含两个项目的文件夹,和,其中是一个使用create react app typescript的项目。 现在,我想在两个项目之间共享一些代码(最值得注意的是:API响应的类型定义)。这些当前位于中。 然而,当我试图从React组件中的导入代码时,create React app会告诉我 找不到模块:您试图导入项目src/目录之外的.../.../lib/endpoint/example。不

  • Create React Native App The fastest way to create universal React Native apps npx create-react-native-app Once you're up and running with Create React Native App, visit this tutorial for more informat