[Paraview] Running a simple example using ParaviewWeb
Léo Pessanha
leonardopessanha74 at gmail.com
Wed Aug 9 19:37:24 EDT 2017
So, I was able to build using 'paraviewweb/src/' and installing forcibly
mout, axios and hammerjs packages.
Now there's other js errors that I am going after like /plotly.js\ and
global reference ones !
It's definitely not a simple task to build an example of paraviewweb as a
standalone app.
Definitely will come back with updates.
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:58 GMT-03:00 Léo Pessanha <leonardopessanha74 at gmail.com>:
> 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_depe
>>>>>> ndency.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/571979e9/attachment.html>
More information about the ParaView
mailing list