Javascript 文件未加载答案

【问题标题】：Javascript files are not loadingJavascript 文件未加载
【发布时间】：2016-05-10 18:29:51
【问题描述】：

我是 Angular JS 的新手，正在尝试开发关于 Calculations 的小应用程序。我的代码如下"

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="scripts/angular.js"></script>
    <script src="scripts/angular-route.js"></script>
</head>
<body>
    <div ng-app="Calculator">
        <div ng-controller="Operations">
            <div>
                Number 1 : <input type="number" ng-model="Number1" />
                Number 2: <input type="number" ng-model="Number2" />
                <p>
                    The addition of above two numbers is {{Number1+Number2}}
                </p>
            </div>

        </div>
    </div>
    <script>
        var module = angular.module('Calculator', []);
        module.controller('Operations', function ($scope) {
            $scope.Number1 = 1;
            $scope.Number2 = 10;
        });
    </script>
</body>
</html>

我的项目中有可用的 Javascripts 文件，当我运行该应用程序时，浏览器控制台指示未加载 JS。不知道为什么！表达式 {{Number1+Number2}} 在 browser 中是一样的。它没有执行表达式

浏览器控制台出现以下错误：

加载资源失败：“脚本文件的路径”服务器以 404 状态（未找到）

加载资源失败：“脚本文件的路径”服务器以 404 状态（未找到）

未捕获的 ReferenceError：未定义角度

【问题讨论】：

表示路径错误。确保在与包含“angular.js”和“angular-route.js”的 HTML 文件相同的文件夹中有一个“scripts”文件夹。
错误显示的路径是什么？这就是它看起来的地方......
嘿@MikeC，你是对的。我将文件拖到我的 htmlpage 上。但是脚本文件的自动生成路径是错误的。我在修复错误的路径之前添加了“/”。谢谢
为了使其（相对路径）清晰并有信心将来链接任何网络资源，请花 2-5 分钟在这里css-tricks.com/quick-reminder-about-file-paths

标签： javascript angularjs http-status-code-404

【解决方案1】：

<script src="scripts/angular.js"></script>
<script src="scripts/angular-route.js"></script>

您没有正确加载 angular.js 和 angular-route.js，请检查您的路径。

【讨论】：

我在修复错误的路径前添加了“/”。谢谢

【解决方案2】：

您的项目结构必须看起来像

index.html
scripts
    |---angular.js
    |---angular-route.js

如果你使用

<script src="scripts/angular.js"></script>
<script src="scripts/angular-route.js"></script>

【讨论】：

我在修复错误的路径前添加了“/”。谢谢

【解决方案3】：

<script src="/scripts/angular.js"></script>
<script src="/scripts/angular-route.js"></script>

请注意，如有必要，您可能需要禁用广告拦截。如果您使用的是 HTML 页面，则在 Visual Studio 中拖放不起作用，但它适用于 mvc、asp.netwebforms。一小时后我想通了

【讨论】：