堆栈内存溢出
  简体   繁体   English

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

[英]Angular 4 index.html won't load any script

 原文  2017-07-25 12:59:33  6   2    javascript/ html/ node.js/ angular

问题描述

This is frustrating, I'm trying to load a simple script inside my index.html but I get 404. 这很令人沮丧，我正在尝试在index.html加载一个简单的脚本，但我得到404。

index.html 的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>

This is my project structure 这是我的项目结构

在此输入图像描述

This is the error I get - 404 这是我得到的错误 - 404

在此输入图像描述

The file is there and it's not empty. 文件在那里，它不是空的。 I tried also: 我也尝试过： 

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

and 和 

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

and 和 

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

Any help would be appreciated, thanks! 任何帮助将不胜感激，谢谢！

2 个解决方案

解决方案1
 3 已采纳  2017-07-25 13:38:27

As I've mentioned in comment, any external resource should be placed in assets folder and for your case referenced like <script type="text/javascript" src="assets/scripts/angular-cookies.js"> considering assets contains a folder named scripts which contains your angular-cookies.js file. 正如我在评论中提到的，任何外部资源都应放在assets文件夹中，并且对于您的案例引用如<script type="text/javascript" src="assets/scripts/angular-cookies.js">考虑assets包含名为scripts文件夹，其中包含angular-cookies.js文件。 After building the code the resulted www folder will be like: 构建代码后，生成的www文件夹将如下所示：

  • assets -> which contains the external files assets - >包含外部文件
  • build -> which contains your ts files transpiled into js files build - >包含你的ts文件转换成js文件
  • index.html 的index.html
  • other files 其他文件

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

Try this and it will be fine: 试试这个，它会很好： 

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

Or maybe 或者可能 

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

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Heroku不会加载index.html - Heroku won't load index.html Angular - 将变量传递给 index.html 中的脚本 - Angular - passing variable to script in index.html angular index.html 中的条件脚本 - conditional script in angular index.html 找不到脚本index.html angular 2 - Script not found index.html angular 2 使用angular.js仅在index.html中加载某些脚本而不是全部加载的条件 - condition to load only some script and not all in the index.html using angular.js html脚本不会根据AMP Validator从index.html中删除，但会从我这一边的index.html中删除 - html script won't remove from index.html according to AMP Validator but its removed from my index.html on my side 如果 index.html 没有加载任何 javascript，Vue 应用程序如何启动？ - How does a Vue app get launched if the index.html doesn't load any javascript? 无法加载模块脚本 - 在 index.html 中导入类 - Failed to load module script - importing classes in index.html WebPack 反复将冗余脚本标签注入 index.html 加载 - WebPack repeatedly injects redundant script tags into index.html on load 如何直接在index.html文件上加载Angular2组件？ - How to load an Angular2 component directly on the index.html file?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM