Не удается отобразить контент из app.js при развертывании на Netlify (сборка запуска npm)

У меня возникают проблемы с получением содержимого в моем файле app.js, когда я пытаюсь разместить на Netlify (сборка запуска npm)

Вот как выглядит мой файл package.json:

{
  "name": "nasa-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "dotenv": "^8.1.0",
    "jquery": "^1.9.1",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-helmet": "^5.2.1",
    "react-scripts": "0.9.5"
  },
  "devDependencies": {
    "babel-eslint": "^9.0.0",
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.1",
    "eslint-config-prettier": "^4.3.0",
    "eslint-config-wesbos": "0.0.19",
    "eslint-plugin-html": "^5.0.5",
    "eslint-plugin-import": "^2.18.2",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-prettier": "^3.1.0",
    "eslint-plugin-react": "^7.14.3",
    "eslint-plugin-react-hooks": "^1.7.0",
    "prettier": "^1.18.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "description": "**A Day In The Life On Mars**",
  "main": "index.js",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/able-leopard/a-day-in-the-life-on-mars.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/able-leopard/a-day-in-the-life-on-mars/issues"
  },
  "homepage": "https://github.com/able-leopard/a-day-in-the-life-on-mars#readme"
}

Кажется, я не могу публиковать скриншоты, потому что я все еще здесь новичок, но в основном все, что показывает размещенная версия,

<div id="root"><div/> в то время как локальная версия фактически отображает все содержимое моего app.js

Большое спасибо заранее!


netlify reactjs deployment web-deployment
person able-leopard    schedule 31.08.2019    source источник
comment
Будет трудно диагностировать это, не зная, как вы выполняете развертывание в Netlify. Вы получаете какие-либо ошибки во время развертывания? URL-адрес Netlify загружается, и вы просто ничего не видите? Не поделитесь ссылкой на репозиторий?   -  person Matt Oestreich    schedule 31.08.2019
comment
@MattOestreich Да, конечно! Вот ссылка на живую версию: a-day-in-life- on-mars.netlify.com Вот ссылка на репозиторий GH: github.com/able-leopard/a-day-in-the-life-on-mars   -  person able-leopard    schedule 31.08.2019

Ответы (1)


arrow_upward
1
arrow_downward

В вашем package.json вам нужно изменить homepage на "/"..

Это решило вашу проблему: https://vigilant-bhabha-b3e068.netlify.com/ (Эта ссылка больше не работает, это было сделано только для того, чтобы продемонстрировать, что она работает для OP, а не пытается захватить их развертывание)

Сообщите мне, как только увидите это, и я удалю созданное мной приложение Netlify и разветвленный репозиторий.

Чтобы продемонстрировать, что это работает:

URL: введите здесь описание изображения

САЙТ: введите здесь описание изображения

{
  ...
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/able-leopard/a-day-in-the-life-on-mars/issues"
  },
  "homepage": "/"
}
person Matt Oestreich    schedule 31.08.2019
comment
Потрясающий! Я удалю приложение, которое я опубликовал. - person Matt Oestreich; 31.08.2019