ионная подача не отображается в браузере

#cordova #ionic-framework

#кордова #ionic-framework

Вопрос:

У меня есть проект, который я проверил в 2 разных папках. Я пытался помочь кому-то другому запустить проект, и когда он продолжал терпеть неудачу, я подумал, что повторю попытку в другой папке — и я, пока могу работать ionic serve — веб-страница запускается, но страница пуста, и я подозреваю, что какой-то скрипт выполняется в течение длительного времени.

Версии:

  • ионный: 2.1.0
  • кордова: 6.3.1
  • npm: 3.10.3
  • узел: 6.7.0

Я запустил npm install установку всех зависимостей для обеих папок. Нет никакой разницы в содержимом этих папок — они извлекаются из одного и того же репозитория и находятся в одной ветке!

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

Я подключил консоль из неудачного запуска ниже: Не удалось запустить консоль

и после успешного запуска: Консоль успешного запуска

package.json выглядит следующим образом:

 {
    "name": "...",
    "author": "...",
    "homepage": "...",
    "private": true,
    "config": {
        "ionic_copy": "./config/copy.config.js"
    },
    "scripts": {
        "build": "ionic-app-scripts build",
        "watch": "ionic-app-scripts watch",
        "lint": "ionic-app-scripts lint",
        "copy": "ionic-app-scripts copy",
        "i18n": "node ./scripts/i18n.js",

        "serve:before": "watch",
        "emulate:before": "build",
        "deploy:before": "build",
        "build:before": "build",
        "run:before": "build"
    },
    "dependencies": {
        "@ionic/storage": "^1.0.3",
        "ionic-angular": "^2.0.0-rc.0",
        "ionic-native": "^2.0.3",
        "ionicons": "^3.0.0",
        "moment": "^2.14.1",
        "ng2-translate": "^3.0.0"
    },
    "devDependencies": {
        "@ionic/app-scripts": "^0.0.23",
        "i18next-conv": "^3.0.3",
        "typescript": "^2.0.3"
    },
    "description": "...",
    "cordovaPlugins": [
        "cordova-plugin-device",
        "cordova-plugin-console",
        "cordova-plugin-whitelist",
        "cordova-plugin-splashscreen",
        "cordova-plugin-statusbar",
        "ionic-plugin-keyboard"
    ],
    "cordovaPlatforms": []
}
 

Комментарии:

1. какие-либо ошибки в консоли?

2. ничего — он просто висит там

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

4. Не могли бы вы предоставить свой файл package.json?

5. Я добавил файл package.json в вопрос

Ответ №1:

Итак, согласно этому веб-сайту:

Перед запуском убедитесь, что у вас стабильное подключение к Интернету, чтобы node установил все необходимые модули.

Сначала создайте каталог для загрузки исходного кода приложения, затем запустите:

  1. установка npm -g ionic
  2. установка npm -g cordova

Если бы я сделал это в исходной папке сразу после проверки, у меня больше не было проблемы.