在业力中实现"tsify" "Experimental support for decorators"

Question

我正在使用tsify，一个用于browserify的插件，在karma单元测试期间翻译我的代码。

当我运行测试时，我得到了这样的错误:

TypeScript错误:src/app/emailLogin/emailLogin.component.ts(14,14):错误TS1219:对decorator的实验性支持是一个可能在未来版本中更改的特性。设置'experimentalDecorators'选项来删除此警告。

如何在browserify/tsify中启用experimentaldecorator，这是在我的karma.config.js中指定的

这是我的karma.config.js:

module.exports = function(config) {
  config.set({
    browsers: ['Chrome'],
    frameworks: ['jasmine', 'browserify', 'es6-shim'],
    files: [
      'src/**/*.spec.ts'
    ],
    preprocessors: {
      '**/*.ts': ['browserify']
    },
    browserify: {
      debug: true,
      plugin: ['tsify'],
      transform: ['browserify-shim']
    }
  });
};

这是我的gulp文件(我认为这并不重要)

var gulp = require('gulp');
var Server = require('karma').Server;
/**
 * Run test once and exit
 */
gulp.task('test', function (done) {
  new Server({
    configFile: __dirname + '/karma.conf.js',
    singleRun: true
  }, done).start();
});
/**
 * Watch for file changes and re-run tests on each change
 */
gulp.task('tdd', function (done) {
  new Server({
    configFile: __dirname + '/karma.conf.js'
  }, done).start();
});
gulp.task('default', ['tdd']);

Answer 1

有两个与装饰符相关的编译器选项:

--emitDecoratorMetadata
--experimentalDecorators

通常，它们将在项目的tsconfig.json文件中启用(tsify将搜索并加载tsconfig.json):

{
    "compilerOptions": {
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5"
    },
    "files": []
}

如果，出于某种原因，你没有使用tsconfig.json文件，它们可以在Karma的browserify插件配置中启用(注意数组中的数组):

browserify: {
    debug: true,
    plugin: [['tsify', {
        emitDecoratorMetadata: true,
        experimentalDecorators: true
    }]],
    transform: ['browserify-shim']
}

它们也可以通过命令行启用:

browserify -p [tsify --emitDecoratorMetadata --experimentalDecorators] main.ts > bundle.js