Angular 无法读取未定义的 属性 'Version'

Question

我很难安装 angular2 并使用 Babel 和 Webpack 在本地进行设置以在 [= 中重新实现一个简单的 Hello world 应用程序52=] 个组件，只是为了开始。

我目前遇到这个运行时错误：

index.html:9 Uncaught TypeError: Cannot read property 'Version' of undefined 如果你好奇的话。

这是一张说明情况的性感图片。

我试图找出这个错误发生的地方，结果是angular（如果我错了请纠正我）。

准确地说是这一行，var VERSION=new _angular_core.Version(\"2.4.8\") ...。

我能得到一些帮助吗？谢谢！！

---

app.component.js

import {Component} from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <h1>Hello Angular 2</h1>
    `
}) export class AppComponent {};

app.module.js

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component'

@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
}) export class AppModule {};

main.js

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

index.js

require('!!script-loader!@angular/compiler/bundles/compiler.umd.min.js');
require('!!script-loader!@angular/core/bundles/core.umd.min.js');
require('!!script-loader!@angular/common/bundles/common.umd.min.js');
require('!!script-loader!@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.min.js');
require('!!script-loader!rxjs/bundles/Rx.min.js');
require('./main')

Answer 1

也许您可以使用 Angular CLI 开始您的第一个项目。它为您省去了必须设置整个开发环境的麻烦。 Angular 团队提供了一个不错的设置。您可以使用 运行ning 'npm install -g @angular/cli'.

安装它

然后您可以使用命令 'ng new PROJECT_NAME' 创建一个新项目，并使用命令 'ng serve' 运行 创建一个新项目。这真的就是它的全部:-)看看文档让你起来，然后运行宁在这里：https://github.com/angular/angular-cli

如果您对自己的项目充满信心并希望亲自动手构建配置（基于 webpack！），请使用 'ng eject' 命令。

Answer 2

你所有的 angular 包应该是同一个版本。这意味着核心通用编译器等应该都是 2.4.8。

问题是我认为在 Angular 的 2.2 或 2.3 之前，此获取版本不存在。因此，如果您让我们说 @angular/core 在 2.2 和 @angular/common 在 2.4.8 那么 @angular/common 可能会使用 @angular/core 的功能，这些功能在 [= 的旧版本中不存在10=] 但例如可能 angular.core.getVersion()

Answer 3

获取angular的版本：

import * as angular2 from 'angular2/angular2';
console.log(angular2.version);

https://github.com/angular/angular/issues/1357