Pomoc w programowaniu, odpowiedzi na pytania / Kątowy Odświeżanie strony / w Angular 2 za pomocą webpacka powoduje index.html bez stylizacji / scripts - angular, webpack

Odśwież stronę w Angular 2 z wynikami pakietu webpack w index.html bez stylizacji / skryptów - angular, webpack

Najwidoczniej coś pomieszałem, ponieważ kiedyodśwież stronę lub HRM odświeży stronę, którą przechodzi do index.html (lub „/”), ale dostaję kod HTML i nie wstrzykuje się web-head-config.common.js. Widziałem też, że kod webpack ( symbol zastępczy) jest wstrzykiwany w ciało zamiast w głowę.

Używam angular2-webpack, porównałemPliki code / config / etc z moim projektem ponownie dotyczą projektu angular2-webpack, który ściągnąłem z GitHub, i nie widzę żadnych różnic z wyjątkiem kilku, które zrobiłem (w tym bibliotek w vendor.browser.ts).

Naprawdę nie wiem w jakim pliku muszę szukać,Właśnie wkleiłem poniżej plik index.html. Ale proszę o podanie konkretnego kodu, więc mogę go tutaj wkleić, jeśli uważasz, że błąd może znajdować się w innym pliku.

To, co otrzymuję po odświeżeniu strony:

Oczywiście nie przechodzi na właściwą stronę, ponieważ nie załadowano żadnych skryptów ...

Tak wygląda strona:

To jest mój index.html:

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>
<%= webpackConfig.metadata.title %>
</title>

<meta name="description" content="<%= webpackConfig.metadata.title %>">

<% if (webpackConfig.htmlElements.headTags) { %>
<%= webpackConfig.htmlElements.headTags %>
<% } %>

<base href="<%= webpackConfig.metadata.baseUrl %>">
</head>
<body>
<fandango-app>
<header class="collapsed">
<div class="container-fluid">
<img src="/images//assets/img/logo-white-sm.png" />
<div id="titles">
<h1>fandango</h1>
<h4>cloud, for the rest of us.</h4>
</div>
</div>
</header>
<div id="loader" class="container text-center">
<p>loading</p>
<div class="loader">
<span></span>
<span></span>
<span></span>
</div>
</div>
</fandango-app>

<!-- Google Analytics: change UA-71073175-1 to be your site"s ID -->
<script>
(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,"script","//www.google-analytics.com/analytics.js","ga");

ga("create", "UA-71073175-1", "auto");
ga("send", "pageview");
</script>

<% if (webpackConfig.metadata.isDevServer && webpackConfig.metadata.HMR !== true) { %>
<!-- Webpack Dev Server reload -->
<script src="/images//webpack-dev-server.js"></script>
<% } %>
</body>
</html>

Odpowiedzi:

0 dla odpowiedzi № 1

Miałem ten sam problem ze starterem webpack, myślę, że używasz. Użyłem tego jako mojego startera jest o wiele prostsze.

Jest trochę przestarzały, ale porównując go z dokumentacją pakietu web, mogłem go zaktualizować.

Chciałbym opublikować swoją zaktualizowaną wersję, ale robiąc to dla projektu firmowego, nie jestem pewien, czy pozwolono mi. Ale jeśli potrzebujesz pomocy w części dotyczącej aktualizacji, daj mi znać.

Edycja Ninja: Ta, z której korzysta większość ludzi (AngularClass) jest bardzo dobra, ale dla początkującego dewelopera Ng2 jest bardzo trudna. Jest trochę skomplikowana. (tzn. nie potrzebuję TDD)

0 dla odpowiedzi nr 2

Ok, rozwiązane, nigdy nie myślałem npm run clean i npm install. To naprawiło :-)