我刚刚开始学习javascript和angularjs
https://thinkster.io/mean-stack-tutorial
我设置了一个基本的 IntelliJ javascript 项目并创建了以下文件
索引.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>
和应用程序.js
var app = angular.module('HelloWorld', []);
app.controller('MainCtrl', [
'$scope',
function($scope){
$scope.test = 'Hello world!';
}]);
但是当我尝试运行程序时,我不断收到"参考错误:角度未定义"。搜索本网站上的其他问题,大多数答案都涉及
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js">
在app.js启动后调用的行,我认为这不是这里的问题。谁能为一个完整的初学者提供一些见解?
直接发表评论,但我不够高级用户......所以我就去这里!
yarons 的意思是,在您的浏览器中使用开发人员应用程序(请不要使用 IE),并在控制台和运行 Node 应用程序的控制台中检查输出。
这里有两个建议:
- 应用程序中
- 的依赖项设置是否正确?检查您的package.json文件,找到角度标签并检查是否有可能是版本冲突。
- 从/node-modules/angular 中复制以下文件/public/libs/angular 并将索引中的脚本引用设置为 .html
- 棱角分明.js
- Angular.min.js.map
- 角度-CSP.css
<script type="text/javascript" src="libs/angular/angular.min.js"></script>
请注意,最常见的方法是使用 CDN 中的库,但有理由将它们保留在本地......