error TS1056: Accessors are only available when targeting ECMAScript 5 in gulp-typescript

Question

I'm coming up with an this error message while transcompiling TS to JS using gulp-typescript. I'm attempting to use an ES5 feature for getters/setters.

error TS1056: Accessors are only available when targeting ECMAScript 5 and higher

How do I get the transcompiler to target es5?

I googled around for solutions which suggest that you set target = es5 and pass it through to the typescript. I have done the following using a tsconfig.json

tsconfig.js

{
  "compilerOptions": {
    "target": "es5"
  },
  "files": []
}

gulp task

import gulp from 'gulp';
import gulpif from 'gulp-if';
import livereload from 'gulp-livereload';
import typescript from 'gulp-typescript';
import args from './lib/args';

const tsProject = typescript.createProject('tsconfig.json');

console.log(tsProject);

gulp.task('scripts-typescript', () => {
    return gulp.src('app/scripts/**/*.ts')
        .pipe(typescript(tsProject()))
        .pipe(gulp.dest(`dist/${args.vendor}/scripts`))
        .pipe(gulpif(args.watch, livereload()));
});

logged output

Daman

What is your question? – Scriabin

Answer 1

What I did is compile the ts file with this "tsc --target ES5 YourFile.ts"

Rather

Please don't go reposting the same answer on multiple questions. If the questions are the same, flag them as duplicate. (Requires almost no rep, easily earned.) If the questions are different, please tailor your answer to the question. – Labarbera

this isn't really relevant. The suggestion you're using is the same as using the tsconfig if you're going to run the typescript compiler. But, the OP is using gulp, your answer has nothing to do with gulp or the tsconfig. – Oakleil

Answer 2

the gulp-typescript plugin has an option called "target" . I found that setting up a tsconfig.json file didn't have any effect, but when I changed the target to es5 in my gulp task it worked fine.

plugin options

...
    .pipe(typescript(tsProject(), { target: 'ES5'}))
...

Oakleil

Answer 3

try this

• Go to terminal/cmd and navigate to the directory where your ts file exist.
• Use following command. tsc filename.ts --target ES5

Fremont

Answer 4

In windows Operating System and Visual Studio code in console window type the following command: tsc -target "es5" yourFilename.ts

Coelenteron