Home / Questions / 91953
Accepted
Ricardo Gabriel
Asked: 2020-08-01 21:21:18 +0800 CST 2020-08-01 21:21:18 +0800 CST

When compiling for Angularjs4, the page stays in "Loading..." with "ng build --prod"

  • 772

I am learning Angularjs4, while I am testing code everything is going well, that is, executing

ng serve

The problem occurs when I try to compile the project for production, the statement that I execute is the following

ng build --prod

I understand that this sentence must produce the compiled code of angular in the "dist" folder of the project, and in fact the folder is created and filled with different files, among which is an index.html, but when I enter that folder to via localhost, the screen stays with the message

Loading...

It seems that the code is not linking with the framework.

javascript

1 Answers

  1. Best Answer

    I solved the problem by adding "./" to the beginning of each of the generated paths in the "index.html" file in the "dist" folder after executing the command

    ng build --prod

    Here I leave the "index.html" file already modified, I repeat, just place "./" at the beginning of each path

    <head>
  <meta charset="utf-8">
  <title>NuevoProyecto</title>
  <base href="./">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root>Loading...</app-root>
   <script type="text/javascript" src="./inline.bundle.js">
   </script><script type="text/javascript" src="./polyfills.bundle.js">
   </script><script type="text/javascript" src="./styles.bundle.js">
   </script><script type="text/javascript" src="./vendor.bundle.js">
   </script><script type="text/javascript" src="./main.bundle.js"></script>
   </body>
</html>

    • 1