Typescript 角度2/类型脚本：未找到要求

我试图让angular 2示例使用gulp typescript编译器运行。吞咽脚本编译

import {Component, View, bootstrap} from 'angular2/angular2';

到

它不在浏览器中运行。这有什么问题？据我所知，“require”的这种实现只用于nodeJS。为什么TypeScript编译器仍然这样编译它

有人有什么想法吗

---

亲切的问候

我没能让它工作，但能让它与

gulp traceur

一起工作。这是我的大口文件

var gulp = require('gulp');
var gulpTraceur = require('gulp-traceur');
var through2 = require('through2');
var gutil = require('gulp-util');
var sourcemaps = require('gulp-sourcemaps');
var copy = require('gulp-copy');

gulp.task('compile',function() {
  return gulp.src("./*.es6.js")
    .pipe(sourcemaps.init())
    .pipe(gulpTraceur({
        sourceMaps: true,
        outputLanguage: 'es5',
        annotations: true, // parse annotations
        types: true, // parse types
        script: false, // parse as a module
        memberVariables: true, // parse class fields
        modules: 'instantiate'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

gulp.task('copy', function () {
    return gulp.src(['*.html', '*.css'])
        .pipe(copy('dist'));
});

gulp.task('watch', function () {
    gulp.watch(['*.html', '*.css', './*.es6.js'], ['compile', 'copy']);
});


gulp.task('default', ['compile', 'copy', 'watch']);

项目可以在这里看到：

---

我无法让它工作，但能让它与

gulp traceur

一起工作。这是我的大口文件

var gulp = require('gulp');
var gulpTraceur = require('gulp-traceur');
var through2 = require('through2');
var gutil = require('gulp-util');
var sourcemaps = require('gulp-sourcemaps');
var copy = require('gulp-copy');

gulp.task('compile',function() {
  return gulp.src("./*.es6.js")
    .pipe(sourcemaps.init())
    .pipe(gulpTraceur({
        sourceMaps: true,
        outputLanguage: 'es5',
        annotations: true, // parse annotations
        types: true, // parse types
        script: false, // parse as a module
        memberVariables: true, // parse class fields
        modules: 'instantiate'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

gulp.task('copy', function () {
    return gulp.src(['*.html', '*.css'])
        .pipe(copy('dist'));
});

gulp.task('watch', function () {
    gulp.watch(['*.html', '*.css', './*.es6.js'], ['compile', 'copy']);
});


gulp.task('default', ['compile', 'copy', 'watch']);

项目可以在这里看到：

---

我无法让它工作，但能让它与

gulp traceur

一起工作。这是我的大口文件

var gulp = require('gulp');
var gulpTraceur = require('gulp-traceur');
var through2 = require('through2');
var gutil = require('gulp-util');
var sourcemaps = require('gulp-sourcemaps');
var copy = require('gulp-copy');

gulp.task('compile',function() {
  return gulp.src("./*.es6.js")
    .pipe(sourcemaps.init())
    .pipe(gulpTraceur({
        sourceMaps: true,
        outputLanguage: 'es5',
        annotations: true, // parse annotations
        types: true, // parse types
        script: false, // parse as a module
        memberVariables: true, // parse class fields
        modules: 'instantiate'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

gulp.task('copy', function () {
    return gulp.src(['*.html', '*.css'])
        .pipe(copy('dist'));
});

gulp.task('watch', function () {
    gulp.watch(['*.html', '*.css', './*.es6.js'], ['compile', 'copy']);
});


gulp.task('default', ['compile', 'copy', 'watch']);

项目可以在这里看到：

---

我无法让它工作，但能让它与

gulp traceur

一起工作。这是我的大口文件

var gulp = require('gulp');
var gulpTraceur = require('gulp-traceur');
var through2 = require('through2');
var gutil = require('gulp-util');
var sourcemaps = require('gulp-sourcemaps');
var copy = require('gulp-copy');

gulp.task('compile',function() {
  return gulp.src("./*.es6.js")
    .pipe(sourcemaps.init())
    .pipe(gulpTraceur({
        sourceMaps: true,
        outputLanguage: 'es5',
        annotations: true, // parse annotations
        types: true, // parse types
        script: false, // parse as a module
        memberVariables: true, // parse class fields
        modules: 'instantiate'
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

gulp.task('copy', function () {
    return gulp.src(['*.html', '*.css'])
        .pipe(copy('dist'));
});

gulp.task('watch', function () {
    gulp.watch(['*.html', '*.css', './*.es6.js'], ['compile', 'copy']);
});


gulp.task('default', ['compile', 'copy', 'watch']);

项目可以在这里看到：

---

这是因为您正在通过将commonjs传递给--module标志或-m来编译要由节点提供的类型脚本文件

您也可以通过amd：

> tsc.cmd -m amd -t es5 --emitDecoratorMetadata app.ts

这将产生以下js：

define(["require", "exports", "angular2/angular2"], function (require, exports, angular2_1)

否则，如果您只想让它像他们的示例中那样工作，请安装http服务器模块并为页面提供服务

> npm install -g http-server
> http-server

参观

localhost:8080/index.html

---

这是因为您正在通过将commonjs传递给--module标志或just-m来编译要由node提供的typescript文件

您也可以通过amd：

> tsc.cmd -m amd -t es5 --emitDecoratorMetadata app.ts

这将产生以下js：

define(["require", "exports", "angular2/angular2"], function (require, exports, angular2_1)

否则，如果您只想让它像他们的示例中那样工作，请安装http服务器模块并为页面提供服务

> npm install -g http-server
> http-server

参观

localhost:8080/index.html

---

这是因为您正在通过将commonjs传递给--module标志或just-m来编译要由node提供的typescript文件

您也可以通过amd：

> tsc.cmd -m amd -t es5 --emitDecoratorMetadata app.ts

这将产生以下js：

define(["require", "exports", "angular2/angular2"], function (require, exports, angular2_1)

否则，如果您只想让它像他们的示例中那样工作，请安装http服务器模块并为页面提供服务

> npm install -g http-server
> http-server

参观

localhost:8080/index.html

---

这是因为您正在通过将commonjs传递给--module标志或just-m来编译要由node提供的typescript文件

您也可以通过amd：

> tsc.cmd -m amd -t es5 --emitDecoratorMetadata app.ts

这将产生以下js：

define(["require", "exports", "angular2/angular2"], function (require, exports, angular2_1)

否则，如果您只想让它像他们的示例中那样工作，请安装http服务器模块并为页面提供服务

> npm install -g http-server
> http-server

参观

localhost:8080/index.html

---

谢谢兄弟，你是一个可爱的人！它现在可以工作了，但我还必须将导入更改为您编写的内容：从'angular2/angular2'导入{bootstrap，ElementRef，Directive}；从“angular2/angular2”导入{ComponentAnnotation as Component，ViewAnnotation as View}；虽然在他们的文档中是这样的。。。从'angular2/angular2'导入{组件、视图、引导程序}；但是无论如何，非常感谢你汉克斯兄弟，你是一个可爱的人！它现在可以工作了，但我还必须将导入更改为您编写的内容：从'angular2/angular2'导入{bootstrap，ElementRef，Directive}；从“angular2/angular2”导入{ComponentAnnotation as Component，ViewAnnotation as View}；虽然在他们的文档中是这样的。。。从'angular2/angular2'导入{组件、视图、引导程序}；但是无论如何，非常感谢你汉克斯兄弟，你是一个可爱的人！它现在可以工作了，但我还必须将导入更改为您编写的内容：从'angular2/angular2'导入{bootstrap，ElementRef，Directive}；从“angular2/angular2”导入{ComponentAnnotation as Component，ViewAnnotation as View}；虽然在他们的文档中是这样的。。。从'angular2/angular2'导入{组件、视图、引导程序}；但是无论如何，非常感谢你汉克斯兄弟，你是一个可爱的人！它现在可以工作了，但我还必须将导入更改为您编写的内容：从'angular2/angular2'导入{bootstrap，ElementRef，Directive}；从“angular2/angular2”导入{ComponentAnnotation as Component，ViewAnnotation as View}；虽然在他们的文档中是这样的。。。从'angular2/angular2'导入{组件、视图、引导程序}；但无论如何，非常感谢你