Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何向GitLab中的其他人显示我的React应用程序?_Reactjs_Gitlab - Fatal编程技术网

Reactjs 如何向GitLab中的其他人显示我的React应用程序?

Reactjs 如何向GitLab中的其他人显示我的React应用程序?,reactjs,gitlab,Reactjs,Gitlab,大家好,我实际上在一家公司工作,他们要求我在工作时向他们展示我的React网站。他们有一个网站连接到我们的GitLab项目,如果我键入http.websitename/folderrongitlab,它实际上会显示文件夹中的内容,但react会显示代码,而不是网站,因为我知道如何打开react应用程序的唯一方法是从本地输入“npm run start”,我真的不知道如何打开“从GitLab将我的应用程序附加到该网站中" . 我已经推出了我所有的React应用程序,但我真的不知道如何让每个人都能看

大家好,我实际上在一家公司工作,他们要求我在工作时向他们展示我的React网站。他们有一个网站连接到我们的GitLab项目如果我键入http.websitename/folderrongitlab,它实际上会显示文件夹中的内容,但react会显示代码,而不是网站,因为我知道如何打开react应用程序的唯一方法是从本地输入“npm run start”,我真的不知道如何打开“从GitLab将我的应用程序附加到该网站中" . 我已经推出了我所有的React应用程序,但我真的不知道如何让每个人都能看到它作为一个网站,而不仅仅是作为一个代码。该网站是一个网站,他们主办,所以总是在线,并连接到该项目,如我所说。所以,我有点所有的材料,但不知道如何使工作。例如,我推送了Test.txt,如果我键入website/Test.txt,它会显示它的内部,因此网站可以工作。

这取决于你的应用程序是如何设置的,但你可能需要运行
npm run build
,这将打包你的应用程序,以便在生产网站上使用

这将位于
/build
文件夹中,其内容可以在线托管

我不确定您是如何在该网站上运行该文件夹的,让所有代码都像这样在线托管肯定不是最佳做法,但对于临时解决方案,您可以访问http.websitename/folderrongitlab/build,它可能会工作

将来,您希望只复制/build文件夹的内容,以便在http.websitename/folderrongitlab上可见


编辑:git将排除/build文件夹,不要将其放在GitLab上,只放在其他源文件上,因为您可以通过运行
np run build
随时重新生成它,这取决于应用程序的设置方式,但您可能需要运行
npm run build
,这将打包您的应用程序,用于制作网站

这将位于
/build
文件夹中,其内容可以在线托管

我不确定您是如何在该网站上运行该文件夹的,让所有代码都像这样在线托管肯定不是最佳做法,但对于临时解决方案,您可以访问http.websitename/folderrongitlab/build,它可能会工作

将来,您希望只复制/build文件夹的内容,以便在http.websitename/folderrongitlab上可见


编辑:git将排除/build文件夹,不要将其放在GitLab上,只放在其他源文件上,因为您可以随时通过运行
np run build重新生成它。您可以尝试使用heroku。一旦你推到heroku,它就会部署你的代码并提供一个你可以共享的url。它是免费的


您可以尝试使用heroku。一旦你推到heroku,它就会部署你的代码并提供一个你可以共享的url。它是免费的


您是否在使用gitlab管道

如果是,您可以在一个作业中进行配置

如果有人想看你的作品,这个人只需要玩有ngrok工具的作品,它就会收到与应用程序的自定义链接


要停止应用程序,只需单击取消按钮

是否使用gitlab管道

如果是,您可以在一个作业中进行配置

如果有人想看你的作品,这个人只需要玩有ngrok工具的作品,它就会收到与应用程序的自定义链接


要停止应用程序,您只需单击“取消”按钮

,这样我就可以删除所有应用程序并使用构建应用程序了?因为我做了npm构建,它在构建文件夹中创建了所有的应用程序。现在我在我的项目中有两个相同的东西,一个是构建文件夹,一个是主文件夹,所以我现在不知道如何推它,因为我会推两个相同的东西,我应该把构建文件夹移到自己的文件夹上吗?顺便说一句,谢谢你的评论,我正在尝试,我会让你知道的。好的,我运行了npm build,但是build文件夹不是白色的,但是透明度很低,当我提交时,没有什么要提交的,就像我不能推送build文件夹一样。好的,thx收到了,但是我仍然不知道如何将build附加到网站或gitlab,因为我有一个他们自己的网站,连接到我们的gitlab,但idk知道如何建立这个网站。我执行了deploy和console don show errors命令。问题是我附加链接的方式我认为不正确,我不知道怎么做,也不知道在哪里设置。我今天会告诉他们,让你知道好吧,我将构建添加到GitLab,它显示now React应用程序,但都是白色的。我必须添加一些路径吗?所以实际上我可以删除它我的所有应用程序都可以使用build one吗?因为我做了npm构建,它在构建文件夹中创建了所有的应用程序。现在我在我的项目中有两个相同的东西,一个是构建文件夹,一个是主文件夹,所以我现在不知道如何推它,因为我会推两个相同的东西,我应该把构建文件夹移到自己的文件夹上吗?顺便说一句,谢谢你的评论,我正在尝试,我会让你知道的。好的,我运行了npm build,但是build文件夹不是白色的,但是透明度很低,当我提交时,没有什么要提交的,就像我不能推送build文件夹一样。好的,thx收到了,但是我仍然不知道如何将build附加到网站或gitlab,因为我有一个他们自己的网站,连接到我们的gitlab,但idk知道如何建立这个网站。我执行了deploy和console don show errors的命令问题是我附加链接的方式我认为不正确我不知道怎么做以及在哪里设置。我今天会告诉他们,让你知道好吧,我将构建添加到GitLab,它显示now React应用程序,但都是白色的我必须添加路径吗?不允许我使用heroku,当我键入命令时,它会说我没有权限,因为已解除了权限