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文件夹将类似于：

资产 - ＆gt;其中包含外部文件
构建 - ＆gt;其中包含你的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 个答案: