Typescript + Webpack doesn't work with types

Question

I have a simple class

export default class Scott {
  hello() {
    let color: string = "blue";
    return true;
  }
}

However Webpack 4 throws this error: ERROR in ./src/js/test.ts Module parse failed: Unexpected token (3:17) You may need an appropriate loader to handle this file type.

If I change the "let" to let color = "blue"; then it works. Anytime I try to introduce a type I get the unexpected token error.

Is there something I need to include in the tsconfig file?

Like anything that's not JS, if you want to compile it with Webpack, you'll need a loader. — Madara's Ghost
– Madara's Ghost, Commented May 4, 2018 at 19:59

casieber · Accepted Answer · 2018-05-04 19:58:51Z

2

You'll need to make sure that you have a Typescript loader in your webpack config, so that it understands how to load .ts files.

ts-loader and awesome-typescript-loader are both good options.

Each one describes how to set it up within your webpack config.

answered May 4, 2018 at 19:58

casieber

7,6122 gold badges23 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript + Webpack doesn't work with types

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related