Member 13071001 Ответов: 0

Angular2 не может скомпилировать файл ts в файл js в visual studio 2015

Привет всем, я пытаюсь выучить angular2 и использую Visual Sutio 2015.
Я сделал проект angular2 в веб-приложении в Visual Studio. Все работало хорошо, я мог вносить изменения, создавать новый компонент, машинописный текст компилировался, и в браузере отображалось содержимое моего шаблона. Я сделал этот проект на чужом компьютере, поэтому скопировал его на USB-ключ, чтобы иметь возможность работать с ним на своем компьютере. Когда я запускаю проект, он все еще работает, он по-прежнему отображает контент, но когда я создаю новый компонент или вношу изменения в существующий из файла машинописного текста, в файле javascript нет изменений ни в браузере ... Я не Не знаю, как, но на мгновение изменения в машинописном тексте появляются также в файле javascript, но все еще не в браузере, я закрыл проект и снова открыл его, и теперь похоже, что я вообще не вношу никаких изменений, я не знаю что делать .. Я использую 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, перестроить проект, закрыть и снова открыть проект, я попробовал какое-то решение дать на stackoverflow, как в put "compileOnSave : true" в tsconfig, ничего не имеет никакого значения

0 Ответов