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

如何让create react应用程序在/src之外编译代码?

常宸
2023-03-14

我有一个包含两个项目的文件夹,/frontend/backend,其中/frontend是一个使用create react app typescript的项目。

现在,我想在两个项目之间共享一些代码(最值得注意的是:API响应的类型定义)。这些当前位于/lib中。

然而,当我试图从React组件中的/lib导入代码时,create React app会告诉我

找不到模块:您试图导入项目src/目录之外的.../.../lib/endpoint/example。不支持src/之外的相对导入。您可以将其移动到src/内,也可以从项目的node_modules/添加符号链接。

我不希望将共享代码移动到/Front wing/src中。但是,将其位于node_modules中似乎会导致其中的TypeScript代码无法编译。由于我试图在开发中保留热重装,因此在开始之前编译它并不能解决这个问题。

有没有办法将create react app配置为同时编译特定目录,例如/frontend/node_modules/lib

共有2个答案

太叔英卫
2023-03-14

你想要实现的是创造一个单一回购协议。有专门为此设计的工具,尤其是勒纳。Lerna可用于在一个存储库中创建多个NPM包,并在彼此之间进行软链接,例如,通过从前端包的node_modules目录创建软链接,一个前端包可以访问不同目录(但在同一存储库中)中的公共包。

陶博赡
2023-03-14

我是这样组织我的项目的

然后执行以下命令链接lib文件夹中的frontendbackend子文件夹

cd frontend
npm link ../lib
cd ../backend
npm link ../lib

现在,我在lib中添加的任何源代码都可以在后端前端

 类似资料:
  • 我正在通过终端安装CreateReact应用程序。我已经检查了节点。js版本是4.5。0,高于此处的要求。npm的版本是2.15。9.然后我键入命令npm install-g create react app,出现这样的错误信息: 我想知道为什么我会犯这样的错误。有人能帮我解决这个问题吗?非常感谢你!

  • 最近开始使用react原生和project要求在服务器上构建应用程序。所以理论是,应用程序可以根据请求构建,这意味着一些东西,让我们称之为react原生编译器,需要在某个服务器上,允许我这样做。 例如,这是react native compiler位于“http://example.com/compile”的位置,您在该站点上有一些设置选项和按钮“Compile”,当您单击按钮时,应用程序编译器启

  • 所以我有一个使用unity的android游戏,我在dll中寻找脚本,并确切地知道我应该在C#代码中更改什么,我的意思是我几乎完全反向工程了这个应用程序。下一步该怎么办?顺从它?但怎么做?

  • 我正在用android Studio构建一个android应用程序。 在这个过程中,我还实现了facebook login,这需要我将一个文件夹的代码放入我的项目中,以及其他编译时库。

  • 问题内容: 我正在使用 Ubuntu 10.10 这就是我所做的。 Hello.java : 然后我运行以下命令: 我已获得和。 您好 : 然后我创建了 Hello.cpp : 现在我认为我搞砸了。我从本指南(“ 编译动态或共享库” 部分)中 得到了 启发 : __ 生成文件 但是当我尝试运行它时,出现以下错误: 我什至尝试了这个: 没有结果。 我知道我在做一些非常愚蠢的事情,但我不知道这是什么。

  • Gradle的Groovy插件声称它支持联合编译,允许自由混合和匹配Groovy和Java代码,并在两个方向上都有依赖关系“。 但是,我不认为这适用于测试代码。 我在使用位于中的类。 当尝试使用Gradle构建时,我会遇到如下错误: 请注意,是一个尚未编译的Groovy类(在Gradle输出中,我可以看到它在尝试之前没有运行,因为前者依赖于后者)。 我能够使用groovy-eclipse插件与Ma