Question

大家好我正在努力学习angular2而我正在使用Visual Sutio 2015。我在visual studio的web应用程序中创建了一个angular2项目。一切都运行良好，我可以进行更改，创建一个新的组件打字稿正在编译，并在浏览器中显示我的模板的内容。我在一台不属于我的计算机上制作了这个项目，所以我将它复制到一个usb密钥上，以便能够在我的计算机上进行处理。当我运行它仍在工作的项目时，它仍会显示内容，但是当我创建一个新组件或对typescript文件中的现有组件进行更改时，浏览器中的javascript文件都没有变化。 ..我不知道怎么样，但是在一段时间内，打字稿的变化也出现在javascript文件中，但仍然没有在浏览器中，我关闭了项目并重新打开它，现在它就像我一样没有做任何改变，我不知道该怎么做..我用gulp编译文件：

gulp文件：

/// <binding />
var ts = require('gulp-typescript');
var gulp = require('gulp');
var clean = require('gulp-clean');

var destPath = './libs/';

// Delete the dist directory
gulp.task('clean', function () {
    return gulp.src(destPath)
        .pipe(clean());
});

gulp.task("scriptsNStyles", () => {
    gulp.src([
            'core-js/client/**',
            'systemjs/dist/system.src.js',
            'reflect-metadata/**',
            'rxjs/**',
            'zone.js/dist/**',
            '@angular/**',
            'jquery/dist/jquery.*js',
            'bootstrap/dist/js/bootstrap.*js'
    ], {
        cwd: "node_modules/**"
    })
        .pipe(gulp.dest("./libs"));
});

gulp.task("html",
    function() {
        gulp.src(["tsScripts/**/*.html"])
            .pipe(gulp.dest('./Scripts'));
    });

var tsProject = ts.createProject('tsScripts/tsconfig.json', {
    typescript: require('typescript')
});
gulp.task('ts', function (done) {
    //var tsResult = tsProject.src()
    var tsResult = gulp.src([
            "tsScripts/**/*.ts"
    ])
        .pipe(ts(tsProject), undefined, ts.reporter.fullReporter());
    return tsResult.js.pipe(gulp.dest('./Scripts'));
});

gulp.task('watch', ['watch.ts']);

gulp.task('watch.ts', ['ts'], function () {
    return gulp.watch('tsScripts/**/*.ts', ['ts']);
});

gulp.task('default', ['scriptsNStyles','html', 'watch']);

tsconfig：

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "module": "commonjs",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "outDir": "../Scripts/AppClient",
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "moduleResolution": "node"
  },
  "exclude": [
    "node_modules",
    "typings/index",
    "typings/index.d.ts"
  ]
}

我错过了什么？

我尝试过：

我尝试重新安装npm和typescript，重建项目，关闭并重新打开项目，我尝试了一些解决方案，就像在put＆＃34; compileOnSave：true＆＃34;在tsconfig中，没有任何区别

未检测到Angular 2 ts文件修改

0 个答案: