Ошибка набора текста в Webpack Неожиданный токен - PullRequest
Новая
       7

Ошибка набора текста в Webpack Неожиданный токен

0 голосов
/ 31 октября 2018

Я пытаюсь запустить Typescript с Webpack, но мне кажется, что я столкнулся с проблемой. Все работает нормально, пока я не введу типизацию для переменных (например, color:string;). Кто-нибудь может мне помочь?

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",
    }
}

Когда я пытаюсь запустить свои скрипты, я получаю эту ошибку:

ОШИБКА в ./src/typescript/class/Car.ts 4: 8 Ошибка при разборе модуля: Неожиданный токен (4: 8) Вам может понадобиться соответствующий загрузчик для обработки этот тип файла.

index.ts 

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

Car.ts 

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

    constructor(config) { }
}
...