参考误差 - 角度未定义

Reference Error - angular not defined

本文关键字:未定义 误差 参考      更新时间:2023-09-26

以下是我的应用程序.html - 模板,我将在其中注入我的其他部分观点,

<html ng-app="billApp">
<head>
  <!-- SCROLLS -->
  <!-- load bootstrap and fontawesome via CDN -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />
  <!-- SPELLS -->
  <!-- load angular via CDN -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
  <script src="script.js"></script>
</head>
<!-- define angular controller -->
<body ng-controller="mainController">
...
<!-- MAIN CONTENT AND INJECTED VIEWS -->
<div id="main">
    {{ message }}
    <!-- angular templating -->
    <!-- this is where content will be injected -->
</div>
</body>
</html>

这是脚本.js文件,它是应用程序的控制器,

脚本.js

// create the module and name it scotchApp
var billApp = angular.module('billApp', []);
// create the controller and inject Angular's $scope
billApp.controller('mainController', function($scope) {
    // create a message to display in our view
    $scope.message = 'Everyone come and see!';
});

当我尝试使用我的命令行运行脚本.js文件

  1. 将目录更改为 NodeJS 目录

  2. 键入"项目文件的节点路径''脚本.js"

引发以下错误, var billApp = angular.module('billApp', []); 参考误差角度未定义。

我不知何故错过了一些基本细节。如果有人能在这里给我一些方向,那就太好

替换

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-resource.min.js"></script>

行与

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-resource.min.js"></script>

因为它没有获得ngResource所需的库。

在开头包含此行

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

你需要

在 angular 脚本之前包含 jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>