Я выполнил все шаги, необходимые для развертывания моего приложения Angular 6 с firebase, и я получил пустую страницу и сообщение об ошибке:
«Селектор« app-root »не соответствует ни одному элементу»
Шаги, которые я предпринял для развертывания:
- ng build --prod
- firebase init: здесь я изменяю общую папку на dist / myprojectname, настраиваю как одностраничное приложение и не перезаписываю свой index.html
- развертывание базы огня
. / Расстояние / Bookclub / index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bookclub</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.33d366f8ea713aeef660.css"></head>
<body>
<app-root></app-root>
<script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script><script type="text/javascript" src="polyfills.9f773b75ffcda6bb2a95.js"></script><script type="text/javascript" src="main.26ec44ceda27f0826914.js"></script></body>
</html>
. / Firebase.json
{
"hosting": {
"public": "dist/bookclub",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Почему Firebase не может найти селектор приложений-root? Он отлично работает, когда я обслуживаю приложение с угловым кликом.