# webpack --mode development

**URL:** https://discourse.paraview.org/t/webpack-mode-development/2254
**Category:** Web Support
**Created:** [July 18, 2019, 10:58pm UTC](https://discourse.paraview.org/t/webpack-mode-development/2254 "2019-07-18T22:58:19Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![fourough\_gharbalchi](https://discourse.paraview.org/user_avatar/discourse.paraview.org/fourough_gharbalchi/32/1759_2.png) [@fourough\_gharbalchi](https://discourse.paraview.org/u/fourough_gharbalchi)
#### Post date: [July 18, 2019, 10:58pm UTC](https://discourse.paraview.org/t/webpack-mode-development/2254/1 "2019-07-18T22:58:19Z")

</div>

Hi,  
I am a beginner in paraviewweb and I am trying to setup the very basic configuration. However, when I follow the steps in the installation guide under " [Creating your own project](https://kitware.github.io/paraviewweb/docs/setup.html#Creating-your-own-project)", I have this error,

 ![Screenshot%20from%202019-07-19%2002-49-50](https://discourse.paraview.org/uploads/default/original/2X/b/b8b21dd8e4cb4ae8e12537d01e98b4806aebef7a.png)  
The out put of **node -v : v10.16.0**  
The out put of **npm -v : 6.9.0**  
And both nodejs and npm are installed by nvm.

I would appreciate it if some one help me out of this.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [July 19, 2019, 2:11pm UTC](https://discourse.paraview.org/t/webpack-mode-development/2254/2 "2019-07-19T14:11:53Z")

</div>

It seems that you did not create any source file inside your project.  
The project assume an entry point in `./src/index.js`.

If you don’t know what that file can look like, you can use any live example such as that [one](https://github.com/Kitware/paraviewweb/tree/master/src/React/Widgets/GitTreeWidget/example) which is shown online [here](https://kitware.github.io/paraviewweb/examples/GitTreeWidget.html) with the code.

---

<div class="post-metadata">

### Author: ![fourough\_gharbalchi](https://discourse.paraview.org/user_avatar/discourse.paraview.org/fourough_gharbalchi/32/1759_2.png) [@fourough\_gharbalchi](https://discourse.paraview.org/u/fourough_gharbalchi)
#### Post date: [July 24, 2019, 5:38pm UTC](https://discourse.paraview.org/t/webpack-mode-development/2254/3 "2019-07-24T17:38:26Z")

</div>

Thank you Sebastien. I made a folder and a file inside it. The errors went away but still nothing appears in the web page when I run **npm start**. Here is the output in cmd:

 ![Screenshot%20from%202019-07-24%2021-31-41](https://discourse.paraview.org/uploads/default/original/2X/7/7399ea1e27d059387ace67b3a70c2411c33e136f.png)  
The console gives error:  
 ![Screenshot%20from%202019-07-24%2021-33-13](https://discourse.paraview.org/uploads/default/original/2X/8/88a99c9eff111da31a17e350789a0afa0df028b5.png)

Sorry if the answer to the question is so simple, beginners bad luck 😉

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [July 24, 2019, 6:36pm UTC](https://discourse.paraview.org/t/webpack-mode-development/2254/4 "2019-07-24T18:36:38Z")

</div>

This is not you, the documentation is lacking key points for beginners. The [vtk.js](https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_dependency.html) do a better job at it.

I think the only part missing for the ParaViewWeb one would be now the `./dist/index.html` file. You should be able to take/use the exact same file as the one described in the vtk.js guide as webpack is in fact bundling your application with a name you are providing.