ng serve --open 出错 embeddedviewCount is not defined

Question

最近想学习angular，就安装了angular-cli，我的是win10系统，弄了很久才用npm安装了angular-cli，然后我尝试new 一个新项目：ng new learnDemo；进入learnDemo目录执行 ng serve --open 然后打开 谷歌浏览器，但是就是不显示内容，我看了一下是报了一个错误，如下图所示。

显示是 learnDemo\node_modules\@angular\compiler\@angular\compiler.es5.js
文件的错误，点击进去看了一下是下面这个错误：

不知道这是怎么回事，有没有人遇到过这个问题。

我之后用sublime再打开这个文件时发现目录下载的文件和内页加载的内容不一样，不知道这是为什么，sublime打开如下所示：

不知道网页中 embeddedViewIndex = embeddedViewCount++; 怎么变成了
embeddedViewIndex = embeddedviewCount=0;

package.json文件如下

{
  "name": "learn-demo",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "core-js": "^2.4.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.3.2",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}

不知道有没有人遇到过这个问题，麻烦帮解答下载。

Answer 1

在ubuntu下搞系统有些卡，没办法，又在win10上搞了下载，自己将compiler.es5.js文件改了，只是改在22189行，就没有问题了。目前没有什么问题，以后就不知道了，应该没什么问题，就是去掉中间变量，直接赋值而已。

ViewCompiler.prototype.compileComponent = function (outputCtx, component, template, styles, usedPipes) {
        var _this = this;
        var staticQueryIds = findStaticQueryIds(template);
        var renderComponentVarName = ((undefined));
        if (!component.isHost) {
            var /** @type {?} */ template_1 = ((component.template));
            var /** @type {?} */ customRenderData = [];
            if (template_1.animations && template_1.animations.length) {
                customRenderData.push(new LiteralMapEntry('animation', convertValueToOutputAst(outputCtx, template_1.animations), true));
            }
            var /** @type {?} */ renderComponentVar = variable(rendererTypeName(component.type.reference));
            renderComponentVarName = ((renderComponentVar.name));
            outputCtx.statements.push(renderComponentVar
                .set(importExpr(Identifiers.createRendererType2).callFn([new LiteralMapExpr([
                    new LiteralMapEntry('encapsulation', literal(template_1.encapsulation), false),
                    new LiteralMapEntry('styles', styles, false),
                    new LiteralMapEntry('data', new LiteralMapExpr(customRenderData), false)
                ])]))
                .toDeclStmt(importType(Identifiers.RendererType2), [StmtModifier.Final, StmtModifier.Exported]));
        }
        var embeddedViewCount = 0;
        var viewBuilderFactory = function (parent) {
            // 主要是将中间变量删除，然后直接在 下面这个函数里加入 embeddedViewCount++ 就可以了。
            return new ViewBuilder(_this._reflector, outputCtx, parent, component, embeddedViewCount++, usedPipes, staticQueryIds, viewBuilderFactory);
        };
        var /** @type {?} */ visitor = viewBuilderFactory(null);
        visitor.visitAll([], template);
        (_a = outputCtx.statements).push.apply(_a, visitor.build());
        return new ViewCompileResult(visitor.viewName, renderComponentVarName);
        var _a;
    };