読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

Yeoman の generator-angular で作成したスケルトンが AngularJS1.0.7 だったので 1.2.0 に上げたらブラウザで表示されなくなった場合のメモ

AngularJS Javascript

問題

AngularJS が 1.0.7 だったので安易に bower.json で 1.2.0 にして bower update して grunt server 立ち上げて Web ブラウザで見たら何も表示されなくなった。

修正してみる

bower.json
  1. angular ~ の バージョンを全て変更する
    • $ bower update
  2. angular-route をインストール
    • $ bower install --save angular-route

するとこんな感じになる

$ cat bower.json
{
  "name": "appname",
  "version": "0.0.0",
  "dependencies": {
    "angular": "~1.2.0",
    "json3": "~3.2.4",
    "jquery": "~1.9.1",
    "bootstrap-sass": "~3.0.1",
    "es5-shim": "~2.0.8",
    "angular-resource": "~1.2.0",
    "angular-cookies": "~1.2.0",
    "angular-sanitize": "~1.2.0",
    "angular-route": "~1.2.0"
  },
  "devDependencies": {
    "angular-mocks": "~1.2.0",
    "angular-scenario": "~1.2.0"
  }
}
app/index.html

angular.js の下あたりに angular-route.js を追加

<script src="bower_components/angular/angular.js"></script>
+ <script src="bower_components/angular-route/angular-route.js">
app/scripts/app.js

angular.module の引数あたりを変更

angular.module('guestbookApp', [
  'ngCookies',
  'ngResource',
-  'ngSanitize'
+  'ngSanitize',
+  'ngRoute']
])
   .config(function ($routeProvider) {
karma.conf.js

一応ここも変更

       'app/bower_components/angular-sanitize/angular-sanitize.js',
+      'app/bower_components/angular-route/angular-route.js',
       'app/scripts/*.js',

確認

$ grunt server