Веб-приложение стека MERN, показывающее пустой экран Android-мобильного браузера, как интерфейс React-Redux, серверный узел Node-Express - PullRequest
Новая
       50

Веб-приложение стека MERN, показывающее пустой экран Android-мобильного браузера, как интерфейс React-Redux, серверный узел Node-Express

0 голосов
/ 27 апреля 2019

Я собрал WebApp в стек MERN с MongoDB, Express, React, Nodejs.

Я разместил его в Heroku-Cloud как https://connectgeeks.herokuapp.com.

Github-репо проекта - Find_Geeks. он работает в моих браузерах на рабочем столе, но не может работать на любом Android Chrome.

У меня есть приложение для автоматической сборки в облаке Heroku с командой в package.json как

"scripts:{ "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend" } когда он загружается на Android, фон панели поиска меняется на черный, и я предполагаю, что страница загружается в это время, но не может отображать компоненты.

Снимок экрана Desktop-chrome, в рабочем состоянии.

screenshot1

Снимок экрана Desktop-chrome, в режиме Incognito, рабочее состояние.

screenshot2

Скриншот Mobile-режима в Chrome, рабочее состояние.

screenshot3

my package.json содержимое 

{
  "name": "find-geeks",
  "version": "1.0.0",
  "description": "social media for developers, quite same as Linkedin.",
  "main": "server.js",
  "scripts": {
    "client-install": "npm install --prefix frontend",
    "start": "node server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix frontend",
    "dev": "concurrently \"npm run server\" \"npm run client  \"",
    "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/ganesh-deshmukh/connect-geeks.git"
  },
  "author": "Ganesh Ashok Deshmukh",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/ganesh-deshmukh/connect-geeks/issues"
  },
  "homepage": "https://github.com/ganesh-deshmukh/connect-geeks#readme",
  "dependencies": {
    "bcryptjs": "2.4.3",
    "body-parser": "1.18.2",
    "concurrently": "3.5.1",
    "express": "4.16.3",
    "gravatar": "1.6.0",
    "jsonwebtoken": "8.2.0",
    "mongoose": "5.4.0",
    "passport": "0.4.0",
    "passport-jwt": "4.0.0",
    "validator": "9.4.1"
  },
  "devDependencies": {
    "nodemon": "1.17.3"
  }
}

Редактировать 1:

Я попробовал отладку на экране мобильного через локальный сервер, по адресу http://192.168.43.171:3000/,

screenshot5

тогда показывалось местоположение ошибки как,

screen6

screen7

screen8

Удален DevTools из store.js, и теперь он работает в мобильных браузерах через localhost-сервер.

screen8

возможно, это из-за сценария сборки Heroku или любого другого.

он работает на экране мобильного устройства сразу после удаления redux-dev-tools, как это происходит локально.

, но он не будет работать с URL как https://connectgeeks.herokuapp.com

1 Ответ

0 голосов
/ 02 мая 2019

в этом вопросе нет ошибок, но ошибка не толкать мастера Heroku после внесения изменений.

Я проверил журналы на панели инструментов Heroku, и она показала активность в старое время, хотя я обновил и нажал git-repo.

моя ошибка не заключалась в том, чтобы толкать Heroku-репо после удаления redux-dev-tools.

после его решения на вкладке активности отображаются новые журналы, что означает, что он обновлен.

screen1

Теперь он работает на мобильных устройствах, как через localhost-сервер, так и по URL-адресу: https://connect -geeks.herokuapp.com /

screen2

...