Javascript 文件未加载

Question

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

<!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}} 在浏览器中是相同的。它没有执行表达式

浏览器控制台有以下错误：

Failed to load resource:"Path to the Script file" the server responded with a status of 404 (Not Found)

Failed to load resource:"Path to the Script file" the server responded with a status of 404 (Not Found)

Uncaught ReferenceError: angular is not defined

Answer 1

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

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

Answer 2

您的项目结构必须如下所示

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

如果你使用

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

Answer 3

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

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

Javascript 文件未加载

Javascript files are not loading

javascript

http-status-code-404

angularjs