Грунт служить VS открытие index.html в браузере

0

Я использую Yeoman и генератор углового ползунка для загрузки углового приложения. Когда я grunt serve или grunt serve:dist все работает так, как ожидалось.

Теперь возникает вопрос: когда я открываю файл index.html непосредственно в браузере, разве он не должен работать одинаково?

Поэтому я с трудом понимаю, какие задачи выполняет grunt, чтобы заставить его работать. Или, может быть, я пропустил что-то еще.

Консоль сообщает мне:

GET file:///app/8d57a97f.app.css net::ERR_FILE_NOT_FOUND
GET file:///app/47ab0f3e.vendor.js net::ERR_FILE_NOT_FOUND
GET file:///app/01b9b8a8.app.js net::ERR_FILE_NOT_FOUND

Сгенерированный index.html выглядит примерно так:

<!doctype html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <base href="/">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="app/8d57a97f.app.css"/>
  </head>

  <body ng-app="myApp"> 
    <!-- some functionality... -->  
    <script src="app/47ab0f3e.vendor.js"></script>
    <script src="app/01b9b8a8.app.js"></script>
  </body>

</html>

Причина, почему я это делаю:

Я пытаюсь запустить угловое приложение с телефонной связью на устройстве Android. Когда я загружаю его на мобильное устройство Android, экран остается пустым. Поэтому я открыл его в браузере и получил тот же результат.

Итак, это моя первая попытка решить эту проблему.

Теги:
cordova
gruntjs
yeoman

1 ответ

0
Лучший ответ

Проблема заключалась в <base href="/"> в заголовке.

Объяснение можно найти здесь (загрузка локального файла в браузере, на который ссылаются css или js).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню