node.js - Webpack Typescript-fout Onverwacht teken

Ik probeer Typescript te draaien met Webpack, maar ik lijk tegen een probleem aan te lopen. Alles werkt prima totdat ik typings voor variabelen introduceer (bijv. color:string;). Kan iemand me helpen?

package.json:

{
  ...
  "devDependencies": {
    "browser-sync": "^2.26.3",
    "browser-sync-webpack-plugin": "^2.2.2",
    "html-webpack-plugin": "^3.2.0",
    "ts-loader": "^5.3.0",
    "typescript": "^3.1.4",
    "webpack": "^4.23.1",
    "webpack-cli": "^3.1.2"
  },
  ...
}

webpack.config.js

module.exports = {
    ...
    module: {
        rules: [{
            exclude: NODE_DIR, /** path to node_modules folder */
            test: /\.tsx?$/,
            use: {
                loader: 'ts-loader'
            }
        }]
    },
    output: output = {
        filename: 'bundle.js',
        path: DIST_DIR /** path to dist folder */
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx']
    },
}

tsconfig.json

{
    "compilerOptions": {
        "allowSyntheticDefaultImports": true,
        "declaration": true,
        "module": "es6",
        "moduleResolution": "node",
        "target": "es5",
    }
}

Wanneer ik probeer mijn scripts uit te voeren, krijg ik steeds deze fout:

FOUT in ./src/typescript/class/Car.ts 4:8 Module parser mislukt: Onverwacht teken (4:8) Mogelijk hebt u een geschikte loader nodig om dit bestandstype te verwerken.

index.ts

import { Car } from './class/Car ';
let car= new Car ({
    color : 'blue'
});

Auto.ts

export class Car {
    public color:string; /** here is where the error originates */

    constructor(config) { }
}