Angular 4 index.html 不会加载任何脚本

ess*_*ara 1 html javascript node.js angular

这令人沮丧,我试图在我的内部加载一个简单的脚本,index.html但我得到了 404。

索引.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>
Run Code Online (Sandbox Code Playgroud)

这是我的项目结构

在此处输入图片说明

这是我得到的错误 - 404

在此处输入图片说明

该文件在那里,它不是空的。我也试过:

<script type="text/javascript" src="../app/scripts/angular-cookies.js">
Run Code Online (Sandbox Code Playgroud)

<script type="text/javascript" src="app/scripts/angular-cookies.js">
Run Code Online (Sandbox Code Playgroud)

<script type="text/javascript" src="/app/scripts/angular-cookies.js">
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激,谢谢!

sTx*_*sTx 5

正如我在评论中提到的,任何外部资源都应该放在assets文件夹中,并且对于您引用的案例,例如<script type="text/javascript" src="assets/scripts/angular-cookies.js">考虑assets包含一个名为的文件夹scripts,其中包含您的angular-cookies.js文件。构建代码后,结果www文件夹将如下所示:

  • 资产 -> 包含外部文件
  • build -> 包含你的 ts 文件转换成 js 文件
  • 索引.html
  • 其它文件