【问题标题】:How to deploy react js single page application (SPA)如何部署 React js 单页应用程序(SPA)
【发布时间】:2017-04-26 18:17:03
【问题描述】:

我使用反应路由器制作单页应用程序,并尝试使用npm run build 构建它,然后我将构建文件夹上传到我的网络服务器,但我的网站只显示背景。我想知道如何让它发挥作用。


2017-04-26T19:06:27.864737+00:00 应用程序 [web.1]:npm 错误!或者如果不是
可用,您可以通过以下方式获取他们的信息:
2017-04-26T19:06:27.864910+00:00 应用程序 [web.1]:npm 错误! npm owner ls notes-
app-client
2017-04-26T19:06:27.865077+00:00 应用程序 [web.1]:npm 错误!上面可能有
额外的日志输出。
2017-04-26T19:06:27.870949+00:00 应用[web.1]:
2017-04-26T19:06:27.871279+00:00 应用程序 [web.1]:npm 错误!请包括
以下包含任何支持请求的文件:
2017-04-26T19:06:27.871450+00:00 应用程序 [web.1]:npm 错误! /app/npm-debug.log
2017-04-26T19:06:27.993054+00:00 heroku[web.1]:状态从开始变为
崩溃 2017-04-26T19:06:42.961236+00:00 heroku[路由器]: at=error code=H10
desc="App
崩溃”方法=GET path="/" host=educationapp.herokuapp.com
request_id=72015192-8122-4fba-beb0-69c8f1e38129 fwd="49.228.99.168" dyno=
连接=服务=状态=503字节=协议=https
2017-04-26T19:06:43.534651+00:00 heroku[路由器]: at=error code=H10 desc="App
崩溃”方法=GET path="/favicon.ico" 主机=educationapp.herokuapp.com
request_id=83684431-92be-4080-a2f8-7165e21f6c72 fwd="49.228.99.168" dyno=
连接=服务=状态=503字节=协议=https
2017-04-26T19:14:57.478915+00:00 heroku[路由器]: at=error code=H10 desc="App
崩溃”方法=GET path="/" host=educationapp.herokuapp.com
request_id=022a219d-2299-4d23-b713-6bb75497f0e6 fwd="49.228.99.168" dyno=
连接=服务=状态=503字节=协议=https
2017-04-26T19:14:57.922975+00:00 heroku[路由器]: at=error code=H10 desc="App
崩溃”方法=GET path="/favicon.ico" 主机=educationapp.herokuapp.com
request_id=ae9bf961-22a9-47f8-be5d-234d97f83ca3 fwd="49.228.99.168" dyno=
连接=服务=状态=503字节=协议=https

【问题讨论】:

  • 您想在哪里部署您的网站?你在尝试 heroku、aws 或 openshift 等吗?
  • 您是否看到一些 JavaScript 错误(F12 工具)?
  • @Jeroen Heier 我只看到“Uncaught SyntaxError: Unexpected token
  • @GauravPaliwal heroku。我想知道我可以将构建文件夹上传到我的共享服务器吗?
  • 能否附上你使用的日志和流程?

标签: javascript reactjs deployment react-router react-redux


【解决方案1】:

Heroku 没有用于 React 应用的官方部署 buildpack。所以你必须使用create-react-app-buildpack by Mars Hall

这是获取此信息的link

请遵循本文档。如果您使用 create-react-app 开始开发,它将对您有所帮助。

【讨论】:

  • 谢谢你的回复,我会按照你的指示去做的。
猜你喜欢
  • 2017-02-13
  • 1970-01-01
  • 2020-09-12
  • 2018-08-23
  • 1970-01-01
  • 2021-05-26
  • 2013-07-31
  • 2019-01-30
  • 1970-01-01
相关资源
最近更新 更多