[Paraview] Running a simple example using ParaviewWeb

Sebastien Jourdain sebastien.jourdain at kitware.com
Wed Aug 9 18:38:58 EDT 2017


The import should start with 'paraviewweb' then you provide the full path
from there like:

import BGColorComponent     from 'paraviewweb/src/Component/Native/
BackgroundColor';

On Wed, Aug 9, 2017 at 6:24 PM, Léo Pessanha <leonardopessanha74 at gmail.com>
wrote:

> 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/094c1669/attachment.html>


More information about the ParaView mailing list