# ParaViewWeb setup

**URL:** https://discourse.paraview.org/t/paraviewweb-setup/4554
**Category:** Web Support
**Created:** [June 10, 2020, 1:42pm UTC](https://discourse.paraview.org/t/paraviewweb-setup/4554 "2020-06-10T13:42:35Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![emmanuel\_madarassou1](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/e/67e7ee/32.png) [@emmanuel\_madarassou1](https://discourse.paraview.org/u/emmanuel_madarassou1)
#### Post date: [June 10, 2020, 1:42pm UTC](https://discourse.paraview.org/t/paraviewweb-setup/4554/1 "2020-06-10T13:42:35Z")

</div>

Hi Everyone I’m trying to setup paraview web according to this [doc](https://kitware.github.io/paraviewweb/docs/setup.html) but when I try to implement the [composite example](https://kitware.github.io/paraviewweb/examples/Composite.html) I’ve got this issue during the build:

 ![Capture](https://discourse.paraview.org/uploads/default/original/2X/2/22c34aab04e1b00b8361688f6663688b30f823a8.png)

Can anyone light me about what I’m doing wrong ? Thanks a lot !

Here is my setup project setup:

package.json

> {  
> “name”: “pvw”,  
> “version”: “1.0.0”,  
> “description”: “”,  
> “main”: “src/index.js”,  
> “scripts”: {  
> “test”: “echo "Error: no test specified" && exit 1”  
> },  
> “author”: “”,  
> “license”: “ISC”,  
> “dependencies”: {  
> “paraviewweb”: “^3.2.12”  
> },  
> “devDependencies”: {  
> “kw-web-suite”: “^10.0.0”,  
> “monologue.js”: “^0.3.5”,  
> “normalize.css”: “^8.0.1”  
> },  
> “scripts”: {  
> “build”: “webpack --mode development”,  
> “build:debug”: “webpack --display-modules”,  
> “build:release”: “webpack --mode production”,  
> “start”: “webpack-dev-server”,
> 
> ```
> "commit": "git cz",
> "semantic-release": "semantic-release"
> 
> ```
> 
> }  
> }

webpack.config.js

> const path = require(‘path’);  
> const HtmlWebpackPlugin = require(‘html-webpack-plugin’);
> 
> const rules = require(‘./node\_modules/paraviewweb/config/webpack.loaders.js’);  
> const plugins = [  
> new HtmlWebpackPlugin({  
> inject: ‘body’,  
> }),  
> ];
> 
> const entry = path.join(\_\_dirname, ‘./src/index.js’);  
> const outputPath = path.join(\_\_dirname, ‘./dist’);  
> const styles = path.resolve(‘./node\_modules/paraviewweb/style’);
> 
> module.exports = {  
> plugins,  
> entry,  
> output: {  
> path: outputPath,  
> filename: ‘application.js’,  
> libraryTarget: ‘umd’,  
> },  
> module: {  
> rules: [  
> { test: entry, loader: “expose-loader?application” },  
> ].concat(rules),  
> },  
> resolve: {  
> alias: {  
> PVWStyle: styles,  
> },  
> },  
> devServer: {  
> contentBase: ‘./dist/’,  
> port: 9999,  
> },  
> };

---

<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: [June 15, 2020, 11:31am UTC](https://discourse.paraview.org/t/paraviewweb-setup/4554/2 "2020-06-15T11:31:27Z")

</div>

My guess is that kw-web-suite is too new and the documentation is expecting some old versions of the tools.

Try to use version [8.0.0](https://github.com/Kitware/paraviewweb/blob/master/package.json#L36)

---

<div class="post-metadata">

### Author: ![emmanuel\_madarassou1](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/e/67e7ee/32.png) [@emmanuel\_madarassou1](https://discourse.paraview.org/u/emmanuel_madarassou1)
#### Post date: [June 15, 2020, 12:30pm UTC](https://discourse.paraview.org/t/paraviewweb-setup/4554/3 "2020-06-15T12:30:18Z")

</div>

I’ve found the solution [here](https://github.com/Kitware/paraviewweb/issues/505). Thanks for your answer.