TS config files confusion?

Ionic Framework ionic-v3
1

Hi, i’m trying to stay up to date with the lates TS starter project with the config files, but it seems to be broken, since i have a lot of errors, are this ones right?:

// webpack.config.js
var path = require('path');
module.exports = {
  entry: [
    path.normalize('es6-shim/es6-shim.min'),
    'reflect-metadata',
    path.normalize('zone.js/dist/zone-microtask'),
    path.resolve('app/app')
  ],
  output: {
    path: path.resolve('www/build/js'),
    filename: 'app.bundle.js',
    pathinfo: false // show module paths in the bundle, handy for debugging
  },
  module: {
    loaders: [
      {
        test: /\.ts$/,
        loader: 'awesome-typescript',
        query: {
          doTypeCheck: true,
          resolveGlobs: false,
          externals: ['typings/tsd.d.ts']
        },
        include: path.resolve('app'),
        exclude: /node_modules/
      },
      {
        test: /\.js$/,
        include: path.resolve('node_modules/angular2'),
        loader: 'strip-sourcemap'
      }
    ],
    noParse: [
      /es6-shim/,
      /reflect-metadata/,
      /zone\.js(\/|\\)dist(\/|\\)zone-microtask/
    ]
  },
  resolve: {
    root: ['app'],
    alias: {
      'angular2': path.resolve('node_modules/angular2')
    },
    extensions: ["", ".js", ".ts"]
  }
};

// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true
  },
  "filesGlob": [
    "**/*.ts",
    "!node_modules/**/*"
  ],
  "files": [
    "app/app.ts",
    "typings/tsd.d.ts"
  ],
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

// package.json
{
  "name": "taoappionic2",
  "description": "taoappionic2: An Ionic project",
  "version": "1.0.0",
  "main": "app/app.ts",
  "dependencies": {
    "angular2": "2.0.0-beta.6",
    "d3": "^3.5.14",
    "es6-promise": "3.0.2",
    "es6-shim": "0.33.13",
    "ionic-framework": "2.0.0-beta.1",
    "ionicons": "3.0.0-alpha.3",
    "lodash": "^4.2.1",
    "moment": "^2.11.1",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.14"
  },
  "devDependencies": {
    "awesome-typescript-loader": "0.15.10",
    "strip-sourcemap-loader": "0.0.1",
    "typescript": "1.7.5"
  },
  "cordovaPlugins": [
    "cordova-sqlite-storage",
    "cordova-plugin-device",
    "cordova-plugin-console",
    "cordova-plugin-whitelist",
    "cordova-plugin-statusbar",
    "ionic-plugin-keyboard",
    "cordova-plugin-x-toast",
    {
      "locator": "https://github.com/apache/cordova-plugin-splashscreen.git",
      "id": "cordova-plugin-splashscreen"
    }
  ],
  "cordovaPlatforms": [
    "android",
    "ios"
  ],
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "ionic serve -c"
  },
  "author": "Carlos Esteban López Jaramillo"
}
1 Like
2

I had some issues but matched my files up to the latest changes in the Conference app and it all seems to work now.

3

I tried with the ones from the sidemenu starter 1 hour ago and it was a mess, i’ll try again with the conference app and see .

PD: It compiled ok, the issue was with the tslinter in the terminal and in sublime 3.

4

something to be aware of with Ionic 2 beta.1 is the change required for TS:

5

I’m using the tsd npm package to manage my ts files, isn’t the same to do so with it or do i have to download the one in the conference app?

6

Btw the conference app throws lint error in animation.d.ts