【问题标题】:homepage entry in the package.json gving errorpackage.json 中的主页条目出现错误
【发布时间】:2018-10-03 09:44:08
【问题描述】:

我正在通过 dockerizing 在 nginx 服务器中运行 react 应用程序。

{
  "name": "react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "bootstrap": "^4.0.0-alpha.6",
    "react": "^16.2.0",
    "react-axios": "^2.0.0",
    "react-dom": "^16.2.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build-window": "react-scripts build && del ../server/dist && move build ../server/dist",
    "build-linux": "react-scripts build && rm -rf ../server/dist && mv build ../server/dist",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "homepage": "/myapp/"
}

如果我不输入主页条目,我可以在本地运行,但在 ngInx 服务器中,css 和 js 文件会出现 404。

下面是它在 ngInx 服务器中为 css https://XXXXXXXXXXXXXXXX/static/css/main.9a46c0ad.css 使用的没有上下文路径的路径

如果我输入主页条目,我会收到“Uncaught SyntaxError: Unexpected token

你能帮帮我吗,我必须集中在哪个领域来解决这个问题

【问题讨论】:

  • 您是否尝试设置应用程序的上下文?
  • 是的,如“myapp”。即使我尝试输入“。”。但没有运气

标签: node.js reactjs docker nginx package.json


【解决方案1】:

不要将您的上下文根放在package.json 中。构建应用程序时,您可以在构建脚本中提供 base-href。在您的构建脚本中添加--base-href=/myapp/。这将在您的 index.html 中添加基本 href

【讨论】:

  • 我已经尝试过了,但是在服务器中,无法加载 css 和 js 文件。收到 404 错误。
猜你喜欢
  • 2017-08-31
  • 1970-01-01
  • 1970-01-01
  • 2022-07-14
  • 1970-01-01
  • 2021-11-12
  • 2020-06-03
  • 1970-01-01
  • 2021-12-04
相关资源
最近更新 更多