Question

我刚刚开始使用

学习javascript和angularjs

https://thinkster.io/mean-stack-tutorial

我设置了一个基本的IntelliJ javascript项目并创建了以下文件

的index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Angular App!</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
        <script src="app.js"></script>
    </head>
    <body ng-app="HelloWorld" ng-controller="MainCtrl">
        <div>
            {{test}}
        </div>
    </body>
</html>

和app.js

var app = angular.module('HelloWorld', []);

app.controller('MainCtrl', [
  '$scope',
  function($scope){
    $scope.test = 'Hello world!';
  }]);

但是当我尝试运行程序时，我一直收到“ReferenceError：angular not defined”。搜索本网站上的其他问题，大部分答案都涉及

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

在app.js启动后调用

行，我认为这不是问题所在。任何人都可以为一个完整的初学者提供一些见解吗？

Answer 1

我想直接评论，但我不是一个超级用户......所以我会去这里！

yarons的意思是，使用浏览器中的开发者应用程序（请不要使用IE浏览器）并检查控制台中的输出以及运行Node应用程序的控制台。

这里有两条建议：

是否在应用程序中正确设置了依赖项？检查你的 package.json文件，找到angular标签并检查是否存在可能是版本冲突。
从 / node-modules / angular 中复制以下文件 / public / libs / angular 并将 index.html 中的脚本参考设置为
- angular.min.js
- angular.min.js.map
- 角csp.css

＆＃13;

<script type="text/javascript" src="libs/angular/angular.min.js"></script>

＆＃13;

请注意，最常见的方法是使用CDN中的库，但有理由将它们保存在本地...

简单的应用程序 - 角度未定义

1 个答案: