0
AngularJSで作業していましたが、Angularが定義される前にAngularが使用されているというエラーが表示されています。私はいくつかのビデオを見て、ドキュメントを見てきました。 jsファイルの最初の行だけでも、エラーが発生しています。インデックスファイルで、角1.6.2を最初のファイルとして呼び出しています。なぜなら、定義される前にそのファイルが使用されている理由を混乱させているからです。定義前に使用した角度
私のHTMLは次のとおりです。
<!doctype html>
<html ng-app="weatherApp">
<head>
<!-- Bootstrap 3 Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- AngularJS -->
<script src="//code.angularjs.org/1.6.2/angular.min.js"></script>
<script src="//code.angularjs.org/1.6.2/angular-route.min.js"></script>
<script src="//code.angularjs.org/1.6.2/angular-resource.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<h1>Hello, world!</h1>
<div class="container">
<div>
<div id="web-api">
<h1>test</h1>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</body>
</html>
とjsがある：
// MODULE - WEATHER
var weatherApp = angular.module('weatherApp', ['ngRoute', 'ngResource']);
weatherApp.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
// ROUTING
weatherApp.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'home.htm',
controller: 'homeController'
})
});
weatherApp.controller('homeController', ['$scope', function($scope) {
}]);
weatherApp.controller('forecastController', ['$scope', function($scope) {
}]);
「ng-app」を 'html'から' body'タグに移動しようとしましたか？ – Arkej
頭の代わりに本体に 'app.js'を入れてみましたか？ – UnholySheep
'angular.js'ファイルの前に' angular-resource'と 'angular-route'をロードします。 – nivas