Webpack error , help please

JavaScript
1

Hello campers , I spent the whole day trying to figure out how to solve this problem in the screenshot below .

web
web805×414 21.2 KB

Webpack is not working ,and the bundled file is not produced here .
I checked the main attribute in json file and it is referring to the file wich import the other js files .
so what should I do .
thanks in advance .

3

What’s the path to your “src” folder?

4

here is it :

webpack
webpack1600×576 46.4 KB

5

From the looks of your editor screenshot, it doesn’t seem like you have a webpack.config.js file and your src directory only has HTML files. By default, with no config, Webpack will only work with JavaScript files. If you want Webpack to work with HTML files you have to use something like html-loader.

6

Why not just clone or download the repo as is, install the dependencies, then use the npm scripts (npm run start or dev).

7

I used the same method in another folder and it is worked , but in this project it seems that something is missed

8

Why did you only download the src folder?

  1. Install git.

  2. Run git clone https://github.com/mohssineAboutaj/weight-tracker-app.git from the command line.

  3. cd into the weight-tracker-app folder.

  4. Run npm i

  5. Run npm run dev

9

the last version of webpack is with zero config

10

Not entirely true, while for some basic usage, compiling multiple JavaScript files sure, but not any other type of file, or if your JavaScript contains JSX, or for files that are not JavaScript, if you want something that is more zero-config there is always parcel.

11

I thank you so much , I did not know that Parcel is another module bundler , I am still learning webpack , maybe this issue is so easy , I couldn’t figure out how to install loaders I ll go step by step because module bundlers are still new to me .

12

Guyz,

In which part of this camp we can learn webpack ?