Javascript 在本地主机上运行我的程序时，它可以'；找不到.js文件，也找不到我的引导程序的源

我有一个程序，当说明脚本位置时，它能够找到它们（它给我推荐的文件夹名称等），但当运行该程序时，我会不断得到它们

“得到”

错误。 我的文件位于具有的资源中

• 棱角的
• 引导
• js
• 静态（html文件）

包含在HTML文件中：

<script src="../js/admin.controller.js"></script>
<script src="../js/admin.factory.js"></script>
<script src="../js/admin.service.js"></script>

我从文件夹中出来，输入js，在那里它推荐了路径，并且在编译时没有给出错误。但是我仍然在运行时或尝试访问bootstrap/angular时收到get错误。我还尝试通过

href

访问

有人知道为什么吗？我将非常感谢您的帮助！

检查您的文件结构 如果你的应用程序找不到你的js文件，你就没有给出正确的src。你的主应用程序的文件结构应该是这样或者类似的

.
├── app
│   ├── app.module.js
│   ├── app.routes.js
│   ├── components
│   │   ├── about
│   │   │   └── about.html
│   │   ├── contact
│   │   │   └── contact.html
│   │   ├── home
│   │   │   ├── homeCtrl.js
│   │   │   ├── homeService.js
│   │   │   └── partial-home.html
│   │   ├── login
│   │   │   ├── loginCtrl.js
│   │   │   ├── login.html
│   │   │   └── loginService.js
│   │   └── services
│   │       └── services.html
│   └── shared
│       └── navigation-bar 
│           ├── navbarDirective.js
│           ├── navbarService.js
│           └── navigation-bar.html
├── assets
│   ├── css
│   │   ├── bootstrap.css
│   │   └── style.css
│   ├── img
│   │   └── homeBanner.png
│   └── js
│       └── ui-bootstrap-tpls-0.13.4.js
├── index.html
├── npm-debug.log
└── README.md

Index.html 请注意，Index.html位于我的应用程序的根目录下。这种情况应该始终存在，因此您只需进入文件夹检索脚本等

例子 如果您试图从上面的文件结构中获取javascript文件，那么您的索引页面将如下所示

<!-- Angular Modules -->
<script type="text/javascript" src="app/app.module.js"></script>
<script type="text/javascript" src="app/app.routes.js"></script>
<script type="text/javascript" src="app/components/home/homeCtrl.js"></script>
<script type="text/javascript" src="app/components/home/homeService.js"></script>
<script type="text/javascript" src="app/shared/navigation-bar/navbarDirective.js"></script>
<script type="text/javascript" src="app/shared/navigation-bar/navbarService.js"></script>
<script type="text/javascript" src="app/components/login/loginCtrl.js"></script>
<script type="text/javascript" src="app/components/login/loginService.js"></script>

加角 在我添加的索引页面的头部，这只是为了确保它与bootstrap.css和ui.bootstrap一起在我的项目中快速加载

这是头的样子

<title>My Web App</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Angular links -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-animate.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>
<!-- angularBootstrap link -->
<script type="text/javascript" src="assets/js/ui-bootstrap-tpls-0.13.4.js"></script>
<link rel="shortcut icon" href="https://angularjs.org/favicon.ico" />

我的Web应用程序

结论

---

希望这能让您更好地了解结构和调用脚本。请随时问我任何问题，我将更新此答案。

您无法访问

。/

文件的原因是您的

index.html

是从服务器的根目录访问的。因此，所有文件都必须位于该目录下。您可以选择f更改服务器的根目录（这意味着从

http://localhost:8080//index.html

（不太好！）或将您的资产目录移动到包含

index.html的目录下-我的建议

您还可以移动服务器的根目录，将
index.html
放在那里，然后使用指向所有资产的相对路径。这可能是最常见的操作。
我不认为放置
。/
对于脚本/img src或hrefs来说不是一件实际的事情。
。
要填充的文件夹是什么？显示您的详细信息文件夹结构请我认为静态文件夹是公共的，这意味着所有的静态资产（js、CSS等）需要进入静态文件夹或更改哪个文件夹作为公共文件夹如果您以
localhost:8080/static/index.html
的身份访问
index.html
，那么这应该可以工作。但是，我猜您是以
localhost:8080/index.html
的身份访问它的，这可以解释为什么它不工作。您使用什么作为服务器？@Logan Stewart在浏览器中打开开发工具（chrome中的F12），检查包含缺失模块的文件是否存在，我怀疑它不会存在，或者您拼写错误（打字错误）很好的评论。我用angular设置重新创建了这个项目，这和你说的一模一样。这很有意义。谢谢！嘿，Logan。如果你想转出或克隆它，我在github上有一个shell类型的应用程序。它是angular应用程序的链接。它是我的平均应用程序模板。我在这两个应用程序中都写了一些评论，但给我一个错误如果你想让我解释一下，请在这里留言。Angular应用程序是拆分的，每个功能都是一个模块。这是开发的最佳实践。太棒了！看起来太棒了！肯定会帮助我…Angular和bootstrap的新手。谢谢你，巴德！你真的应该更新文件结构，因为你应该有一个main.js和app.js用于模块…@TGarrett请随时更新我的答案，我已经很久没有使用angular 1了。我有大量的答案，让它们保持最新将占用我所有的时间。