Angular 4 index.html不會加載任何腳本

Question

這很令人沮喪，我正在嘗試在index.html加載一個簡單的腳本，但我得到404。

的index.html

<head>
  <meta charset="utf-8">
  <title>Login</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></app-root>
  <script type="text/javascript" src="./app/scripts/angular-cookies.js"></script>
</body>
</html>

這是我的項目結構

這是我得到的錯誤 - 404

文件在那里，它不是空的。 我也嘗試過：

<script type="text/javascript" src="../app/scripts/angular-cookies.js">

和

<script type="text/javascript" src="app/scripts/angular-cookies.js">

和

<script type="text/javascript" src="/app/scripts/angular-cookies.js">

任何幫助將不勝感激，謝謝！

Answer 1

正如我在評論中提到的，任何外部資源都應放在assets文件夾中，並且對於您的案例引用如<script type="text/javascript" src="assets/scripts/angular-cookies.js">考慮assets包含名為scripts文件夾，其中包含angular-cookies.js文件。 構建代碼后，生成的www文件夾將如下所示：

assets - >包含外部文件
build - >包含你的ts文件轉換成js文件
的index.html
其他文件

Answer 2

試試這個，它會很好：

<script type="text/javascript" src="/src/app/scripts/angular-cookies.js">

或者可能

<script type="text/javascript" src="src/app/scripts/angular-cookies.js">

Angular 4 index.html不會加載任何腳本

問題描述

2 個解決方案

解決方案1
3 已采納 2017-07-25 13:38:27

解決方案2
0 2017-07-25 13:03:59

Angular 4 index.html不會加載任何腳本

問題描述

2 個解決方案

解決方案1 3 已采納 2017-07-25 13:38:27

解決方案2 0 2017-07-25 13:03:59

解決方案1
3 已采納 2017-07-25 13:38:27

解決方案2
0 2017-07-25 13:03:59