2016-04-03 11 views
-1

Angular on Railsを作成しているチュートリアルに従っています。ここ は、プロジェクトのためJSFiddle URLです:https://jsfiddle.net/dcbavw4e/4/Angular on Webアプリケーションでエラーが発生し、表示されています

私は現在、今2つのエラーを取得しています:

1. Uncaught SyntaxError: Unexpected token . 
Error occuring at :  .controller('MainCtrl', ['$scope', 'posts', function($scope, posts) { 

2. angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module flapperNews due to: 
Error: [$injector:nomod] Module 'flapperNews' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.4.9/$injector/nomod?p0=flapperNews 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:68:12 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:2006:17 
    at ensure (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:1930:38) 
    at module (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:2004:14) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:4447:22 
    at forEach (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:341:20) 
    at loadModules (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:4431:5) 
    at createInjector (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:4356:11) 
    at doBootstrap (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:1677:20) 
    at bootstrap (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js:1698:12) 
http://errors.angularjs.org/1.4.9/$injector/modulerr?p0=flapperNews&p1=Erro….googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.9%2Fangular.js%3A1698%3A12) 

私はアプリケーション名を確認しましたので、私は私が間違ってやって本当にわからないんだけどindex.htmlapp.jsでは、すべて一致します。

+0

「flapperNews」モジュールは利用できません。 'MainCtrl'が呼び出される前に登録する必要があります。 –

+0

私はapp.jsファイルの先頭にモジュールを作成しました "angular.module( 'flapperNews'、['ui.router'])" – Kahsn

+0

あなたのプランナーは完全に不正なレイアウトであり、かっこと中かっこを間違って閉じています。できるだけ簡単なコードに煮詰めて実行し、そこから後方に作業してください。 –

答えて

1

コードに構文エラーがありました。フィドルの24行目で、あなたは ';'を使いました。チェーンを壊すので、コントローラ 'MainCtrl'はモジュール 'flapperNews'に接続されません。 (さらにいくつかの間違いがあります)コメント内のフィドルを参照してください。

.factory('posts', [function(){ 
    var o = { 
     posts: [] 
    }; 
    return o; 
}]); 
+0

宣言したものの最後にセミコロンを付ける必要があると思いましたか?それは事実ではありませんか?私があなたが言及したことを変更した後、48行目でエラーが発生しています。なぜでしょうか?もうセミコロン問題ですか? – Kahsn

+0

ええと...それは実際にそうではありません。 JavaScriptに連鎖と呼ばれるものがあります –

+0

あなたは 'MainCtrl'を正しく閉じていません。 –

関連する問題