Я использую Yeoman и генератор углового ползунка для загрузки углового приложения. Когда я grunt serve
или grunt serve:dist
все работает так, как ожидалось.
Теперь возникает вопрос: когда я открываю файл index.html непосредственно в браузере, разве он не должен работать одинаково?
Поэтому я с трудом понимаю, какие задачи выполняет grunt, чтобы заставить его работать. Или, может быть, я пропустил что-то еще.
Консоль сообщает мне:
GET file:////8d57a97f.app.css net::ERR_FILE_NOT_FOUND
GET file:////47ab0f3e.vendor.js net::ERR_FILE_NOT_FOUND
GET file:////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="/8d57a97f.app.css"/>
</head>
<body ng-app="myApp">
<!-- some functionality... -->
<script src="/47ab0f3e.vendor.js"></script>
<script src="/01b9b8a8.app.js"></script>
</body>
</html>
Причина, почему я это делаю:
Я пытаюсь запустить угловое приложение с телефонной связью на устройстве Android. Когда я загружаю его на мобильное устройство Android, экран остается пустым. Поэтому я открыл его в браузере и получил тот же результат.
Итак, это моя первая попытка решить эту проблему.
Проблема заключалась в <base href="/">
в заголовке.
Объяснение можно найти здесь (загрузка локального файла в браузере, на который ссылаются css или js).