2017-01-03 10 views
2

私は、角度1.6、webpack、gulp、およびtypescriptを使用してスターターテンプレートを作成しています。私はアプリケーションをコンパイルしてビルドすることができますが、アプリケーションはブートストラップではありません。問題は私がデバッグしているときに奇妙ですangular.moduleが定義されていて、モジュールはコンソールangular.module('testModule', [])から作成できますが、core.module.tsで例外が発生します。で例外が発生します。angular_1.default.module Uncaught TypeError:未定義の 'module'プロパティを読み取れません

さらに、この問題をソースコードを無効にして調べたところ、問題が見つかりました。上記のコードはexports.CoreModule = angular_1.default.module('app.core', []).name;にコンパイルされ、angular_1にdefaultという名前のプロパティはありません。コードの場合 はhttps://github.com/muditsaurabh/awesome-ng-starter

Uncaught TypeError: Cannot read property 'module' of undefined 
    at Object.<anonymous> (app.bundle.js?cd4d443…:1) 
    at e (vendor.bundle.js?cd4d443…:1) 
    at Object.<anonymous> (app.bundle.js?cd4d443…:1) 
    at e (vendor.bundle.js?cd4d443…:1) 
    at Object.<anonymous> (app.bundle.js?cd4d443…:1) 
    at e (vendor.bundle.js?cd4d443…:1) 
    at window.webpackJsonp (vendor.bundle.js?cd4d443…:1) 
    at app.bundle.js?cd4d443…:1 
vendor.bundle.js?cd4d443…:6Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:nomod] Module 'app' 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.6.1/$injector/nomod?p0=app 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:377 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:11230 
    at n (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:10668) 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:11004 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:20796 
    at r (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:809) 
    at h (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:20644) 
    at le (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:22631) 
    at a (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8560) 
    at st (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8870) 
http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=app&p1=Error%3A%20%…2F%2Flocalhost%3A8000%2Fvendor.bundle.js%3Fcd4d4432605c6f5be56a%3A6%3A8870) 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:377 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:11230 
    at n (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:10668) 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:11004 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:20796 
    at r (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:809) 
    at h (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:20644) 
    at le (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:22631) 
    at a (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8560) 
    at st (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8870) 
http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=app&p1=Error%3A%20%…2F%2Flocalhost%3A8000%2Fvendor.bundle.js%3Fcd4d4432605c6f5be56a%3A6%3A8870) 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:377 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:21073 
    at r (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:809) 
    at h (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:20644) 
    at le (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:22631) 
    at a (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8560) 
    at st (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8870) 
    at at (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:8109) 
    at http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:11:13916 
    at HTMLDocument.n (http://localhost:8000/vendor.bundle.js?cd4d4432605c6f5be56a:6:17809) 
+0

webpack.configと入力ファイルはどのように見えるのですか? – Dieterg

+0

@Dieterg私はgit repoリンクを追加しました。コードを見るためにクローンしてください –

+0

@Dieterg私はこの問題をソースマップを無効にしてさらに調査しましたが、問題が見つかりました。上記のコードはexports.CoreModule = angular_1.default.module( 'app.core'、[])にコンパイルされます。 angle_1にdefaultという名前のプロパティがありません –

答えて

1

を参照してください、あなたはAngularJSは、スクリプトの前に含まれますことを確認していますか?エラーは、オブジェクトの角度がJavascriptによってまだ見られていないことを意味します。したがって、モジュールを呼び出すことはできません。

+0

コンソールから角度オブジェクトを取得できますが、 'export const CoreModule = angular.module( 'app.core'、[])。name;'例外を取得します。私はこのエラーが間違っていると思います。 –

4

import angular from 'angular'import * as angular from 'angular'に置き換えました。現在は正常に動作しています。

+1

しかし、なぜこれが必要ですか?私は 'node_modules/angular'にindex.jsファイルがあり、デフォルトのエクスポートを' angular 'に設定しています(このv 1.6) – user2954463

関連する問題