11

Angular 2 CLI を使用して Angular 2 プロジェクトを作成し、ng build --prodコマンドを使用しましたが、エラーは発生しませんでした。

フォルダーを Web サイトにアップロードするとdist、アプリの読み込み時に次のエラーが表示されます。

ここに画像の説明を入力

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

最新の Angular 2 CLI と webpack および Angular 2 RC.7 を使用しています。

何がうまくいかなかったのでしょうか？

以下のthis._input.charCodeAtように、angular コンパイラ フォルダでのみ使用されます。 ここに画像の説明を入力

4

3 に答える 3

48

テンプレートの代わりにコンポーネント コードをロードしたことが原因である可能性があります。

templateUrl: 'my.component'

それ以外の

templateUrl: 'my.component.html'
于 2016-09-28T09:29:55.290 に答える
0

次のデバッグ コードは、誤ってインポートされたテンプレートを見つけるのに大いに役立ちました。

_Tokenizerあなたの./node_modules/@angular/compiler/bundles/compiler.umd.js（または使用されている他のバンドル）のコンパイラに次のスニペットを挿入します。

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

例としてスクリーンショットを参照してください。

ここに画像の説明を入力

于 2016-10-12T15:11:03.963 に答える