[Paraview] Running a simple example using ParaviewWeb

Léo Pessanha leonardopessanha74 at gmail.com
Wed Aug 9 18:24:40 EDT 2017


Hi! I did the changes. The only thing I am not sure it's the right paths in
the imports of ${ROOT}/src/index.js

import CompositeComponent   from '..';
> import BGColorComponent     from '../../BackgroundColor';
>
>
Should I change this paths?

I did try

import CompositeComponent   from
'/home/user/MyWebProject/node_modules/paraviewweb/src';
import BGColorComponent     from
'/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native/BackgroundColor';

and

import CompositeComponent   from
'/home/user/MyWebProject/node_modules/paraviewweb/src/Component';
import BGColorComponent     from
'/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native/BackgroundColor';

and

import CompositeComponent   from
'/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native';
import BGColorComponent     from
'/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native/BackgroundColor';

With the last 2 sucessfully building but with JS errors in Firefox

TypeError: _Component2.default is not a constructor[Learn More]
>

and

TypeError: _Native2.default is not a constructor
>

and the first one not building and giving me a lot of

Module not found: Error: Can't resolve
>


Thanks in advance!


Leonardo Pessanha
Laboratory of Computational Methods in Engineering
Federal University of Rio de Janeiro - COPPE
Rio de Janeiro, RJ, Brasil


2017-08-03 17:42 GMT-03:00 Sebastien Jourdain <
sebastien.jourdain at kitware.com>:

> If I get to it, I'll do what I've done with vtk.js to support both.
>
> See: https://github.com/Kitware/vtk-js/blob/master/
> Utilities/config/dependency.js
>
> On Thu, Aug 3, 2017 at 1:49 PM, Léo Pessanha <leonardopessanha74 at gmail.com
> > wrote:
>
>> Thank you, Sebastien. I will give a try!
>>
>> Do you believe it's best to rollback webpack to 1.x or to change the
>> webpack.config.js in order to fit webpack 2.x API?
>>
>> Leonardo Pessanha
>> Laboratory of Computational Methods in Engineering
>> Federal University of Rio de Janeiro - COPPE
>> Rio de Janeiro, RJ, Brasil
>>
>>
>> 2017-07-24 17:21 GMT-03:00 Sebastien Jourdain <
>> sebastien.jourdain at kitware.com>:
>>
>>> Based on the path given in the setup guide, you should copy the example
>>> you want to reproduce inside ${ROOT}/src/* where the main example file
>>> should be named index.js.
>>>
>>> Then you should be able to build your example using the npm command:
>>> "npm run build".
>>>
>>> Maybe the vtk.js explanation might be easier to follow (
>>> https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_dependency.html),
>>> but the concept is exactly the same.
>>> As it is picking the example available here https://kitware.github.io
>>> /vtk-js/examples/Cone.html | https://github.com/Kitware/v
>>> tk-js/tree/master/Examples/WebGL/Cone
>>> and making a standalone application from it.
>>>
>>> Just be aware that vtk.js is using webpack2 which is not the case for
>>> ParaViewWeb.
>>>
>>> Hope that helps,
>>>
>>> Seb
>>>
>>>
>>> On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <
>>> leonardopessanha74 at gmail.com> wrote:
>>>
>>>> Hi!
>>>>
>>>> I would like to know the steps in order to run simple example like the
>>>> following one:
>>>>
>>>> https://kitware.github.io/paraviewweb/examples/Composite/index.html
>>>>
>>>> It doesn't need to be a really elaborated tutorial, but a simple one
>>>> with the main things.
>>>> I have little to no background in web development.
>>>>
>>>> What I managed to do so far was to create my own project and add
>>>> paraviewweb to it like its described in https://kitware.github.io/para
>>>> viewweb/docs/setup.html .
>>>>
>>>> I don't know what to do next but I believe that a great start would be
>>>> to know where to put the source code in the example and how to run it.
>>>>
>>>> Thanks in advance,
>>>>
>>>> Leonardo Pessanha
>>>> Laboratory of Computational Methods in Engineering
>>>> Federal University of Rio de Janeiro - COPPE
>>>> Rio de Janeiro, RJ, Brasil
>>>>
>>>>
>>>> _______________________________________________
>>>> Powered by www.kitware.com
>>>>
>>>> Visit other Kitware open-source projects at
>>>> http://www.kitware.com/opensource/opensource.html
>>>>
>>>> Please keep messages on-topic and check the ParaView Wiki at:
>>>> http://paraview.org/Wiki/ParaView
>>>>
>>>> Search the list archives at: http://markmail.org/search/?q=ParaView
>>>>
>>>> Follow this link to subscribe/unsubscribe:
>>>> http://public.kitware.com/mailman/listinfo/paraview
>>>>
>>>>
>>>
>>> On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <
>>> leonardopessanha74 at gmail.com> wrote:
>>>
>>>> Hi!
>>>>
>>>> I would like to know the steps in order to run simple example like the
>>>> following one:
>>>>
>>>> https://kitware.github.io/paraviewweb/examples/Composite/index.html
>>>>
>>>> It doesn't need to be a really elaborated tutorial, but a simple one
>>>> with the main things.
>>>> I have little to no background in web development.
>>>>
>>>> What I managed to do so far was to create my own project and add
>>>> paraviewweb to it like its described in https://kitware.github.io/para
>>>> viewweb/docs/setup.html .
>>>>
>>>> I don't know what to do next but I believe that a great start would be
>>>> to know where to put the source code in the example and how to run it.
>>>>
>>>> Thanks in advance,
>>>>
>>>> Leonardo Pessanha
>>>> Laboratory of Computational Methods in Engineering
>>>> Federal University of Rio de Janeiro - COPPE
>>>> Rio de Janeiro, RJ, Brasil
>>>>
>>>>
>>>> _______________________________________________
>>>> Powered by www.kitware.com
>>>>
>>>> Visit other Kitware open-source projects at
>>>> http://www.kitware.com/opensource/opensource.html
>>>>
>>>> Please keep messages on-topic and check the ParaView Wiki at:
>>>> http://paraview.org/Wiki/ParaView
>>>>
>>>> Search the list archives at: http://markmail.org/search/?q=ParaView
>>>>
>>>> Follow this link to subscribe/unsubscribe:
>>>> http://public.kitware.com/mailman/listinfo/paraview
>>>>
>>>>
>>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://public.kitware.com/pipermail/paraview/attachments/20170809/33271fc4/attachment.html>


More information about the ParaView mailing list