PWA - gdzie powinien się znajdować plik manifest.webmanifest

0

Witam.
Mam problem z PWA. Doinstalowałem do projektu Angularowego PWA ng add @angular/pwa, CLI zrobiło wszystko za mnie. Zmieniłem kolorki. Puściłem ng build --prod i niestety przeglądarka twierdzi, że w pliku manifest.webmanifest jest błąd

Manifest: Line: 1, column: 1, Unexpected token.

Googlowałem...

  1. Dopisanie crossorigin nie pomaga
<link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">
  1. Wkleiłem plik manifestu do wwwroot - aplikacja jest wraz z API w .NET Core, nic to nie dało.
  2. Build Action jest ustawione na None w Visual Studio.
  3. Zakładka Network, przy odświeżeniu strony nie pokazuje, aby w ogóle plik manifestu był ładowany.
  4. Znacznik base nie ma jakiś dodatkowych folderów
  <base href="/">

Ktoś też się spotkał z takim problemem?

0

Zobacz czy w ogóle wczytuje ten plik, dopisz cokolwiek i zobacz jak jest.
Ostatecznie możesz to zrobić w klasyczny sposób, samemu tworząc manifest i dodać:

<link rel="manifest" href="manifest.json" />
0

Punkt 4. mówi o tym, że chyba właśnie nie wczytuje. Mam wrażenie, że gdzieś ściężki są pomylone i szuka pliku tam gdzie go nie ma.

Zobacz czy w ogóle wczytuje ten plik, dopisz cokolwiek i zobacz jak jest

Mógłbyś jaśniej, rozwinąć myśl? Co mam dopisać i gdzie?

Ostatecznie możesz to zrobić w klasyczny sposób, samemu tworząc manifest i dodać

Plik manifestu jest w folderze z aplikacją Angularową oraz kopia w http://kasiarz.troncomputers.pl:9999zyć jeśli coś ci to da
Kasiarz2019

0

Tak, plik sie nie wczytuje, zobacz ten poradnik:
https://altkomsoftware.pl/blog/pwa-angular/
dodatkowo miej na uwadze, że poprawne PWA wymaga ssl/https ;)

1

O ssl/https wiem. Oprogramowanie nie jest oficjalne dla każdego, więc się tym nie przejmuje. Mogę sobie w Chrome dodać do ekranu głównego ręcznie. Nie chce paska adresu otwierając stronę, stąd PWA.
Według twojego poradnika było robione. Co prawda sama komenda ng add @angular/pwa robi za mnie wszystko, ja tylko zmieniłem kolory w manifest. Druga sprawa, już coś się pozmieniało, ponieważ angular tą komendą nie dodaje pliku manifest.json tylko manifest.webmanifest, który jest jsonem. Z głupoty zmieniłem rozszerzenie pliku z manifest.webmanifest na manifest.json i teraz działa poprawnie. Chyba by wypadało im to na github wrzucić? Czy to nie jest bug?

1 użytkowników online, w tym zalogowanych: 0, gości: 1