ジャンボモナカ

34歳のハゲデブがHTML5ハイブリッドアプリ開発プラットフォームmonacaを始めました。

今さら聞けないmonacaのangularでangular.moduleメソッドがいきなりエラーになった件

angularjs angular monaca onsen ui onsenui JavaScript cordova

monacaでangularを使って実装するにあたり、昔のAngularJS — Superheroic JavaScript MVW Frameworkのリファレンスを読んで、どうやら、ベースがangular.moduleメソッドを呼ぶところから始まるみたいなので、漠然と

<!DOCTYPE html>
<html ng-app="mainApp">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<script>
var module = angular.module('mainApp');
</script>
</body>
</html>

と打って、ブラウザで確認したら、

angular.js:38 Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.6.4/$injector/nomod?p0=mainApp
    at angular.js:38
    at angular.js:2262
    at b (angular.js:2183)
    at Object.module (angular.js:2260)
    at (index):9

というエラーが発生しました。

なんでかな～とモヤモヤしていたら、単純に、

<!DOCTYPE html>
<html ng-app="mainApp">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<script>
var module = angular.module('mainApp',[]);
</script>
</body>
</html>

と第二引数を設定していなかったからである。

ってか、第二引数を設定してなかったら、プログラム側で自動的に

[]

って判断しろよって突っ込みたくなったのだが、間違っているのだろうか？