Не удается загрузить ресурсы при сборке для эмулятора Android с помощью инструментов Visual Studio для Apache Cordova в Visual Studio 2013

Я использую инструменты Visual Studio для Apache Cordova для Microsoft Visual Studio 2013 CTP3.0.

Я создал новое решение, используя «Ionic Login Template».

Приложение отлично работает, когда я запускаю его в эмуляторе Android онлайн-сервиса «Ripple - Nexus Galaxy», но не в локальных инструментах разработчика Android «Эмулятор Android».

Я получаю следующий вывод в консоли javascript, когда VS создает решение для локального эмулятора:

  • Не удалось загрузить ресурс
    Файл: ionic.bundle.js, Строка: 0, Столбец: 0
  • Не удалось загрузить ресурс
    Файл: ionic.css, Строка: 0, Столбец: 0
  • Недопустимое имя свойства CSS: animation-timing-function
    Файл: ionicons.min.css, Строка: 6, Столбец: 1
  • Uncaught ReferenceError: angular не определен
    Файл: app.js, Строка: 8, Столбец: 0
  • Текущее окно: файл:///android_asset/www/index.html

Почему VS не может загрузить ресурсы ionic.bundle.js и ionic.css для локального эмулятора, а не для Ripple?

PS. Для получения дополнительной информации:

A) Я установил приложение разработчика PhoneGap на свой Samsung Galaxy S3. Я попытался перейти к папке «bld \ Debug» решения в cmd и запустить «phonegap build android» и «phonegap serve», и приложение правильно работает на телефоне.

B) Я также пытался использовать онлайн-сервис сборки PhoneGap и загрузил полученный .apk на телефон Galaxy, и в этом случае приложение работало неправильно так же, как и в эмуляторе, т.е. ionic.bundle .js и ionic.css не удалось загрузить.


android ionic-framework visual-studio-templates visual-studio-2013 visual-studio-cordova
person Elvar Helgason    schedule 30.03.2015    source источник

Ответы (3)


arrow_upward
6
arrow_downward

Попробуйте удалить начальные слэши href, src

<link href="lib/ionic.css" rel="stylesheet">
<script src="lib/ionic.bundle.js"></script>

Мне это помогло.

person Programista    schedule 26.04.2015
comment
Вдобавок к этому похоже, что причина, по которой это происходит, заключается в том, что при локальном развертывании для пульсации он находится в корне, поэтому работает ввод / в корень. Но развернуто это не так, поэтому отсутствие ведущего / позволяет ему работать на относительных домашних путях из развертывания приложения. - person Bon; 10.09.2015

arrow_upward
3
arrow_downward

Вы когда-нибудь разрешали? Я только что столкнулся с той же проблемой, и мне удалось решить ее, переместив «base href="/" /» после тегов «script» в моем index.html. Я знаю, что это несколько месяцев спустя, но хотел поделиться на случай, если кто-то еще столкнется с этим.

person Larry King    schedule 09.07.2015

arrow_upward
1
arrow_downward

У меня такая же проблема, и я смог исправить ее с помощью других скриптов из этого примера: https://code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

Скопируйте папку ionic в свою библиотеку и просто измените свой

<link href="/lib/ionic.css" rel="stylesheet">
<script src="/lib/ionic.bundle.js"></script>

to

<link href="lib/ionic/css/ionic.min.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.min.js"></script>

Мне помогло.

person Andrei Tserakhau    schedule 01.04.2015
comment
К сожалению, это ничего не меняет для меня. Спасибо хоть :) - person Elvar Helgason; 09.04.2015
comment
Я получаю Uncaught ReferenceError: angular не определен, источник: file:///android_asset/www/js/Scan.js, хотя у меня есть папки angular в моих библиотеках :( - person Smitha; 15.06.2016
comment
Вы ссылаетесь на ionic.bundle.js перед ссылкой на /js/Scan.js? - person Andrei Tserakhau; 18.06.2016