2015-06-14 6 views
0

Я новичок в этом ионическом поле. Я создал новое приложение в моей папке localhost (C: \ xampp \ htdocs). Когда я перехожу к «http://localhost/ionapp/www/», все работает нормально, но когда я запускаю приложение из команды «ионная подача», я получаю пустую страницу. Когда я просмотрел источник страницы, я обнаружил, что файлы ionic.css и ionic.bundle.js не загружаются во время ионной подачи. И в консоли я получаю ошибку, как «угловая не определена». Может кто-нибудь, пожалуйста, помогите мне исправить это?Ионная подача не загружает угловые js и ионные css

Вот мой index.html, который должен загрузить CSS и JS файлы

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 
    </head> 
    <body ng-app="starter"> 
    <!-- 
     The nav bar that will be updated as we navigate between views. 
    --> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <!-- 
     The views will be rendered in the <ion-nav-view> directive below 
     Templates are in the /templates folder (but you could also 
     have templates inline in this html file if you'd like). 
    --> 
    <ion-nav-view></ion-nav-view> 
    </body> 
</html> 
+0

Привет, вам кажется, что вы новичок. При задании таких вопросов обязательно указывать пример кода на Codepen/Plunker/JSfiddle, чтобы можно было помочь вам. Без него это просто выстрел в темноте. И к тому же, если честно, ваш вопрос получит отрицательные моменты и, в свою очередь, не будет отвечать вообще. Вот хорошее место для начала: http://stackoverflow.com/help/how-to-ask – Nikola

+0

Спасибо @Nikola за то, что напомнили мне об этом, но я только что создал новое приложение с вкладками (по умолчанию) с использованием Ionic CLI и не изменил что так много кода. Должен ли я опубликовать весь этот код для Codepen/Plunker/JSfiddle? Кроме того, как я уже упоминал, проблема, похоже, не в моем коде. Код работает отлично, когда я использую localhost/myapp/www, но он не работает с командой «ionic serve». Поэтому проблема, похоже, в моей CLI, поэтому я думал, что код не поможет. –

+1

У вас установлена ​​последняя версия cli? Кстати, если это работает в xampp, я бы заподозрил, что у вас может быть какая-то блокировка портов на вашем компьютере, так как ионная служба пытается запустить и обслуживать ее на порту 8100. – Nikola

ответ

0

Так это не проблема с моим ионными, но с моим браузером. Оказывается, я получал ERR_CONNECTION_RESET в моей консоли. Так что в основном я сделал это

  1. Открыть cmd запрос как администратор.
  2. Запустить команду netsh winsock reset.
  3. Перезагрузите компьютер.

Я не знаю, как это произошло, но оно решило все мои проблемы.

Смежные вопросы