7 of 11 - Getting Started with Typescript - Run & Compile with Webpack

7 of 11 - Getting Started with Typescript - Run & Compile with Webpack



All of our tutorials have a simple goal in mind: get you building something real and quickly.

My equipment:

[MichaelMooregrownman]

Hi Justin GREAT VIDEOS!! I would like to add if anyone is getting the error " configuration.module has an unknown property 'loaders'." The solution is to change loaders to rules in your webpack.config file. The reason is because of the version of webpack you're using if you get this error. I hope this helps someone. (At the time I did this video my webpack version is 4.2)

[MyBrummBrumm]

In case anyone got the Error:

ERROR in ./main.ts
Module build failed (from

Changing the following lines in webpack.config.js helped me:

extensions: ['.webpack.js', '.web.js', '.ts', '.js', '.tsx'] // adding tsx as extension

{ test: /\.tsx$/, loader: 'ts-loader' } // changing the file ending in the regex to tsx

[utsho.sardar]

i have an error. when i type in webpack --watch, it gives me
One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
The original webpack full-featured CLI.
We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no): no
You need to install 'webpack-cli' to use webpack via CLI.
You can also install the CLI manually.

and i already downloaded it globally and manually

[Mvrck]

Hi, if you do the the tutorial in 2020, you'll need an updated version of webpack.config.js. Find it here: