browserify-es2015: SyntaxError: Unexpected token when using types in JS about ionic-gulp-tasks HOT 2 CLOSED

Hey thanks for the issue, types are only supported in TypeScript projects. The JS projects used the TypeScript compiler in the past, so types would magically work, which is possibly why there is some confusion there, but they are not valid JS syntax.

from ionic-gulp-tasks.

Thanks for the clarification!

I thought that the types in JS projects were supported for compatibility with Flow, because I've seen various JS-examples with types in the forum, but it's good to know that it was just a side effect of the usage of the TypeScript compiler in JS projects before beta.4.

Here is a workaround in case that someone wants to use the type annotations and class properties in a Ionic 2 JS project:

• update the gulpfile.js file as follows:

// Change: `buildBrowserify({ watch: true }).on('end', done);` to:
buildBrowserify({
  babelifyOptions: {
    plugins: [
      'transform-decorators-legacy',
      'transform-class-properties',
      'transform-flow-strip-types'
    ]
  },
  watch: true
}).on('end', done);

• install the needed npm packages:

npm install babel-plugin-transform-class-properties --save
npm install babel-plugin-transform-flow-strip-types --save

from ionic-gulp-tasks.