[Paraview] Running a simple example using ParaviewWeb

Wed Aug 9 18:58:47 EDT 2017

So I am not sure of the first path yet. Is it 'paraviewweb/src/' or
'paraviewweb/src/Component'?

I have the exactly same result using full path or starting with
'paraviewweb'

Using:

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

Outputs a lot of:

Module not found: Error: Can't resolve
>

So I did a 'npm list x' with x being the modules it couldn't resolve(axios,
hammerjs and etc) and none of then was installed.

root at PC:~/MyWebProject# npm list hammerjs
> projeto1 at 0.0.1 /home/gabriel/MyWebProject
> └── (empty)
>
> root at PC:~/MyWebProject# npm list axios
> projeto1 at 0.0.1 /home/gabriel/MyWebProject
> └── (empty)
>

Do you believe *npm install paraviewweb --save* and npm install *kw-web-suite
--save-dev* failed installing the dependencies correctly?

Best regards,

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

2017-08-09 19:38 GMT-03:00 Sebastien Jourdain <
sebastien.jourdain at kitware.com>:

> 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/paraviewweb/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/paraviewweb/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/6b4b829b/attachment.html>