2017-01-03 2 views
2

Я создаю шаблон стартера, используя угловые 1,6, webpack, gulp и машинописный текст. Я могу скомпилировать и создать мое приложение, но приложение не загружается. Проблема такая же странная, как и при отладке angular.module, и модуль можно создать с консоли angular.module('testModule', []), но в качестве отладчика резюме я получаю исключение в core.module.ts по адресу export const CoreModule = angular.module('app.core', []).name;.angular_1.default.module Uncaught TypeError: Не удается прочитать свойство 'module' undefined

Я изучил этот вопрос, отключив исходный код, и я нашел проблему. Вышеупомянутый код компилируется в exports.CoreModule = angular_1.default.module('app.core', []).name;, где нет свойства с именем default на угловом_1. Для кода см 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. Я изучил этот вопрос, отключив исходную карту, и я нашел проблему. Вышеупомянутый код компилируется в export.CoreModule = angular_1.default.module ('app.core', []). Name; где нет свойства с именем default по angular_1 –

ответ

1

Вы уверены, что AngularJS получает включены до вашего сценария? Ошибка означает, что объект угловой еще не был замечен Javascript, и поэтому модуль не может быть вызван на него.

+0

Я могу получить угловой объект с консоли, но когда я перехожу через 'export const CoreModule = angular.module ('app.core', []). name;' строка кода I получить исключение. Я думаю, что эта ошибка вводит в заблуждение. –

4

Я заменил import angular from 'angular'import * as angular from 'angular', и теперь он работает нормально.

+1

Но зачем это нужно? Я вижу файл index.js в 'node_modules/angular', который устанавливает экспорт по умолчанию на« угловой »(это v 1.6) – user2954463

Смежные вопросы