Uncaught TypeError: this._input.charCodeAt nie jest funkcją

Question

Utworzono projekt Angular 2 przy użyciu Angular 2 CLI i użyto polecenia ng build --prod i nie otrzymałem żadnych błędów.

Kiedy przesłać folder dist na mojej stronie, pojawia się następujący błąd podczas ładowania aplikacji:

Uncaught TypeError: this._input.charCodeAt is not a function_Tokenizer._advance @ main .688167 c….bundle.js: 1716 _Tokenizer @ main .688167 c….bundle.js: 1716 tokenize @ main .688167 c….bundle.js: 1709 Parser.parse @ main .688167 c….bundle.js: 219 HtmlParser.parse @ main .688167 c….bundle.js: 380 DirectiveNormalizer.normalizeLoadedTemplate @ main .688167 c….bundle.js: 598 DirectiveNormalizer.normalizeTemplateSync @ main .688167 c….bundle.js: 598 DirectiveNormalizer.normalizeDirective @ main .688167 c….bundle.js: 598 RuntimeCompiler._createCompiledTemplate @ main .688167 c….bundle.js: 1090(anonymous 
function) @ main .688167 c….bundle.js: 1090(anonymous 
function) @ main .688167 c….bundle.js: 1090 RuntimeCompiler._compileComponents @ main .688167 c….bundle.js: 1090 RuntimeCompiler._compileModuleAndComponents @ main .688167 c….bundle.js: 1090 RuntimeCompiler.compileModuleAsync @ main .688167 c….bundle.js: 1090 PlatformRef_._bootstrapModuleWithZone @ main .688167 c….bundle.js: 717 PlatformRef_.bootstrapModule @ main .688167 c….bundle.js: 717(anonymous 
function) @ main .688167 c….bundle.js: 1509 __webpack_require__ @ inline.js: 1(anonymous 
function) @ main .688167 c….bundle.js: 2131 __webpack_require__ @ inline.js: 1 window.webpackJsonp @ inline.js: 1(anonymous 
function) @ main .688167 c….bundle.js: 1 

używam najnowszego kątowa 2 CLI z WebPack i kątowa 2 RC.7

Co mogło pójść nie tak?

this._input.charCodeAt jest używany tylko w kątowym folderze kompilatora jak poniżej:

Answer 1

mogą być spowodowane przez kod komponentu wczytywania zamiast szablonu, czyli

templateUrl: 'my.component' 

zamiast

templateUrl: 'my.component.html' 

Answer 2

Następujący kod debugowania pomógł mi bardzo dużo, aby dowiedzieć się, który szablon został nieprawidłowo zaimportowany.

wstrzyknąć następny fragment do kompilatora _Tokenizer w ./node_modules/@angular/compiler/bundles/compiler.umd.js (lub innej wiązki, które są używane):

function _Tokenizer(_file, _getTagDefinition, _tokenizeIcu, _interpolationConfig) { 
    // ... 
    try { 
     this._advance(); 
    } catch (e) { 
     console.log('[Tokenizer Error]: ' + _file && JSON.stringify(_file, null, 2)); 
     throw e; 
    } 
} 

Zobacz zrzut ekranu jako przykład: