<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
<p style="margin-top:0;margin-bottom:0"><b>Sebastien I have followed the guide and the previous console error has gone ;=)</b></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">However after starting the webpack dev server I only see the directories structure, is not supposed to execute an application?</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><img size="0" contenttype="image/png" style="max-width: 99.9%;" id="img968067" tabindex="0" src="cid:38a19d40-c5fb-4b6d-bf36-a72594afcd1b"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">It should be like the example: <a href="https://kitware.github.io/vtk-js/examples/ConeSource.html" class="OWAAutoLink" id="LPlnk581482" previewremoved="true">
https://kitware.github.io/vtk-js/examples/ConeSource.html</a></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">The architecture: <img size="0" contenttype="image/png" style="max-width: 99.9%;" id="img777050" tabindex="0" src="cid:3c04c7b6-fb8e-4019-8a8f-fbe93fda626a"></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">I saw that in index.html the script being included was called MyWebApp in index.html:</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><img size="0" contenttype="image/png" style="max-width: 99.9%;" id="img909423" tabindex="0" src="cid:82e830fe-3cf0-4cd5-8cbf-4ada738da43c"></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">And I also tried to change it to index.js</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"></p>
<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'Courier New';font-size:9,0pt;"><span style="color:#e8bf6a;"><!DOCTYPE </span><span style="color:#bababa;">html</span><span style="color:#e8bf6a;">><br></span><span style="color:#e8bf6a;"><html><br></span><span style="color:#e8bf6a;"><head><br></span><span style="color:#e8bf6a;"> <meta </span><span style="color:#bababa;">http-equiv=</span><span style="color:#a5c261;">"Content-type" </span><span style="color:#bababa;">content=</span><span style="color:#a5c261;">"text/html; charset=utf-8"</span><span style="color:#e8bf6a;">/><br></span><span style="color:#e8bf6a;"> <meta </span><span style="color:#bababa;">name=</span><span style="color:#a5c261;">"viewport" </span><span style="color:#bababa;">content=</span><span style="color:#a5c261;">"width=device-width, initial-scale=1"</span><span style="color:#e8bf6a;">><br></span><span style="color:#e8bf6a;"></head><br></span><span style="color:#e8bf6a;"><body><br></span><span style="color:#e8bf6a;"><script </span><span style="color:#bababa;">type=</span><span style="color:#a5c261;">"text/javascript" </span><span style="color:#bababa;">src=</span><span style="color:#a5c261;">"src/index.js"</span><span style="color:#e8bf6a;">></script><br></span><span style="color:#e8bf6a;"></body><br></span><span style="color:#e8bf6a;"></html></span></pre>
<p></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">However it also displays the list:</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><img size="0" contenttype="image/png" style="max-width: 99.9%;" id="img93747" tabindex="0" src="cid:a2bde8b3-ddcd-478b-9145-ad97107713d8"></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Is it the correct output? I ask because I thought it was an unexpected behaviour.</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0"><b>Thank you for your help and time! </b>
<span><b>馃槈</b></span><br>
</p>
</div>
<hr style="display:inline-block;width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" style="font-size:11pt" color="#000000"><b>De:</b> Sebastien Jourdain <sebastien.jourdain@kitware.com><br>
<b>Enviado:</b> mi茅rcoles, 21 de febrero de 2018 14:16:01<br>
<b>Para:</b> YONE MORENO JIM脡NEZ<br>
<b>Cc:</b> vtkusers@vtk.org; Matt McCormick<br>
<b>Asunto:</b> Re: [vtkusers] Set up vtk.js</font>
<div> </div>
</div>
<div>
<div dir="ltr">Did you follow that guide? <a href="https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_dependency.html">https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_dependency.html</a>
<div><br>
</div>
<div>I think the file <span style="color:rgb(113,140,0); font-family:inherit; font-size:14.25px; font-style:inherit; font-weight:inherit; background-color:rgb(238,238,238)">vtk.js/Utilities/config/dependency.js<span style="color:rgb(34,34,34); font-family:arial,sans-serif; font-size:small; font-style:normal; font-weight:400; letter-spacing:normal; text-align:start; text-indent:0px; text-transform:none; white-space:normal; word-spacing:0px; background-color:rgb(255,255,255); float:none; display:inline"> is
missing the rule for the workers which was added yesterday night.</span></span></div>
<div><span style="color:rgb(113,140,0); font-family:inherit; font-size:14.25px; font-style:inherit; font-weight:inherit; background-color:rgb(238,238,238)"><span style="color:rgb(34,34,34); font-family:arial,sans-serif; font-size:small; font-style:normal; font-weight:400; letter-spacing:normal; text-align:start; text-indent:0px; text-transform:none; white-space:normal; word-spacing:0px; background-color:rgb(255,255,255); float:none; display:inline"><br>
</span></span></div>
<div><span style="color:rgb(113,140,0); font-family:inherit; font-size:14.25px; font-style:inherit; font-weight:inherit; background-color:rgb(238,238,238)"><span style="color:rgb(34,34,34); font-family:arial,sans-serif; font-size:small; font-style:normal; font-weight:400; letter-spacing:normal; text-align:start; text-indent:0px; text-transform:none; white-space:normal; word-spacing:0px; background-color:rgb(255,255,255); float:none; display:inline">You
can see the missing rule here: </span></span><a href="https://github.com/Kitware/vtk-js/blob/master/Utilities/config/rules-vtk.js#L40-L45">https://github.com/Kitware/vtk-js/blob/master/Utilities/config/rules-vtk.js#L40-L45</a></div>
<div><br>
</div>
<div>I'll fix it later today.</div>
<div><br>
</div>
<div>Thanks, </div>
<div><br>
</div>
<div>Seb</div>
</div>
<div class="x_gmail_extra"><br>
<div class="x_gmail_quote">On Wed, Feb 21, 2018 at 6:56 AM, YONE MORENO JIM脡NEZ <span dir="ltr">
<<a href="mailto:yone.moreno101@alu.ulpgc.es" target="_blank">yone.moreno101@alu.ulpgc.es</a>></span> wrote:<br>
<blockquote class="x_gmail_quote" style="margin:0 0 0 .8ex; border-left:1px #ccc solid; padding-left:1ex">
<div dir="ltr">
<div id="x_m_-6192061116294988063divtagdefaultwrapper" dir="ltr" style="font-size:12pt; color:#000000; font-family:Calibri,Helvetica,sans-serif">
<p style="margin-top:0; margin-bottom:0"><b>Hello I would like some help or link to resources, because I have followed the introduction guide:
</b><a href="https://kitware.github.io/vtk-js/docs/develop_requirement.html" class="x_m_-6192061116294988063OWAAutoLink" id="x_m_-6192061116294988063LPlnk489984" target="_blank">https://kitware.github.io/vtk-<wbr>js/docs/develop_requirement.<wbr>html</a> to
install vtk, node and git.</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">I have been trying to integrate into a React aplication, and it outputs:</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0"></p>
<div style="font-style:normal; font-weight:400; letter-spacing:normal; text-align:left; text-indent:0px; text-transform:none; white-space:pre-wrap; word-spacing:0px; background-color:rgb(255,255,255); font-size:2em; font-family:sans-serif; color:rgb(206,17,38); margin:0px 2rem 0.75rem 0px; max-height:50%; overflow:auto">
Failed to compile</div>
<a style="color:rgb(41,50,56); font-family:Consolas,Menlo,monospace; font-size:11px; font-style:normal; font-weight:400; letter-spacing:normal; text-align:left; text-indent:0px; text-transform:none; white-space:pre-wrap; word-spacing:0px; background-color:rgb(255,255,255)">
<pre style="display:block; padding:0.5em; margin-top:0.5em; margin-bottom:0.5em; overflow-x:auto; white-space:pre-wrap; border-radius:0.25rem; background-color:rgba(206,17,38,0.05)"><code style="font-family:Consolas,Menlo,monospace"><span><span>./node_modules/vtk.js/Sources/<wbr>Rendering/OpenGL/Texture/<wbr>index.js</span></span><br><span><span>1126:25-47 "export 'default' (imported as 'ComputeGradientsWorker') was not found in './ComputeGradients.worker'</span></span></code></pre>
</a>
<p></p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">I just have used the code in: <a href="https://kitware.github.io/vtk-js/examples/PolyDataReader.html" class="x_m_-6192061116294988063OWAAutoLink" id="x_m_-6192061116294988063LPlnk265988" target="_blank">
https://kitware.github.io/vtk-<wbr>js/examples/PolyDataReader.<wbr>html</a></p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">In addition if I go to the previous file and deep into ./ComputedGradients.worker, I navigate well to ComputeGradients.worker.js.</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">Do I need other requirement to execute the aplication? I am using a node server.</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">In addition I have written the code as React code:</p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0"></p>
<pre style="background-color:#2b2b2b; color:#a9b7c6; font-family:'Courier New'; font-size:9,0pt"><span style="color:#cc7832; font-weight:bold">import </span>React <span style="color:#cc7832; font-weight:bold">from </span><span style="color:#6a8759">'react'</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832; font-weight:bold">import </span>vtkActor <span style="color:#cc7832; font-weight:bold">from </span><span style="color:#6a8759">'vtk.js/Sources/Rendering/<wbr>Core/Actor'</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832; font-weight:bold">import </span>vtkFullScreenRenderWindow <span style="color:#cc7832; font-weight:bold">from </span><span style="color:#6a8759">'vtk.js/Sources/Rendering/<wbr>Misc/FullScreenRenderWindow/<wbr>index'</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832; font-weight:bold">import </span>vtkMapper <span style="color:#cc7832; font-weight:bold">from </span><span style="color:#6a8759">'vtk.js/Sources/Rendering/<wbr>Core/Mapper'</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832; font-weight:bold">import </span>vtkPolyDataReader <span style="color:#cc7832; font-weight:bold">from </span><span style="color:#6a8759">'vtk.js/Sources/IO/Legacy/<wbr>PolyDataReader'</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832; font-weight:bold">class </span>LoadVTK <span style="color:#cc7832; font-weight:bold">extends </span>React.Component() {<br> <span style="color:#ffc66d">render</span>() {<br> <span style="color:#cc7832; font-weight:bold">const </span>fullScreenRenderer = vtkFullScreenRenderWindow.<wbr>newInstance()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>renderer = fullScreenRenderer.<wbr>getRenderer()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>renderWindow = fullScreenRenderer.<wbr>getRenderWindow()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>resetCamera = renderer.resetCamera<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>render = renderWindow.<span style="color:#9876aa">render</span><span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>reader = vtkPolyDataReader.newInstance(<wbr>)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span>reader.setUrl(<span style="color:#6a8759">`C:</span><span style="color:#cc7832">\U</span><span style="color:#6a8759">sers</span><span style="color:#cc7832">\Y</span><span style="color:#6a8759">onePC</span><span style="color:#cc7832"><wbr>\W</span><span style="color:#6a8759">ebstormProjects</span><span style="color:#cc7832">\p</span><span style="color:#6a8759">rototipo</span><span style="color:#cc7832">\s</span><span style="color:#6a8759">r<wbr>c</span><span style="color:#cc7832">\c</span><span style="color:#6a8759">omponents</span><span style="color:#cc7832">\a</span><span style="color:#6a8759">nimals</span><span style="color:#cc7832">\c</span><span style="color:#6a8759">abezaseg<wbr>mentado02.vtk`</span>).<span style="color:#ffc66d">then</span>(() => {<br> <span style="color:#cc7832; font-weight:bold">const </span>polydata = reader.getOutputData(<span style="color:#6897bb">0</span>)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>mapper = vtkMapper.newInstance()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">const </span>actor = vtkActor.newInstance()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span>actor.setMapper(mapper)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span>mapper.setInputData(polydata)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span>renderer.addActor(actor)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span>resetCamera()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"> </span>render()<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span>})<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span><span style="color:#cc7832; font-weight:bold">return </span>(<br> <span style="color:#e8bf6a"><div></div><br></span><span style="color:#e8bf6a"> </span>)<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span><span style="color:#cc7832"> </span>}<br>}<br><br><span style="color:#cc7832; font-weight:bold">export default </span>LoadVTK<span style="color:#cc7832">;<br></span><span style="color:#cc7832"><br></span></pre>
<p></p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0">And I have used it from the main page as:
</p>
<pre style="background-color:#2b2b2b; color:#a9b7c6; font-family:'Courier New'; font-size:9,0pt"><span style="color:#e8bf6a"><LoadVTK/></span></pre>
<p></p>
<p style="margin-top:0; margin-bottom:0"><br>
</p>
<p style="margin-top:0; margin-bottom:0"><b>Could you help me please?</b><br>
</p>
</div>
<br>
<p><span style="color:rgb(75,165,36)">Antes de imprimir este correo electr贸nico, piense bien si es necesario hacerlo: el medio ambiente es una cuesti贸n de todos.</span>
</p>
<p><span style="color:rgb(75,165,36)">Please consider the environment before printing this email.</span></p>
</div>
<br>
______________________________<wbr>_________________<br>
Powered by <a href="http://www.kitware.com" rel="noreferrer" target="_blank">www.kitware.com</a><br>
<br>
Visit other Kitware open-source projects at <a href="http://www.kitware.com/opensource/opensource.html" rel="noreferrer" target="_blank">
http://www.kitware.com/<wbr>opensource/opensource.html</a><br>
<br>
Please keep messages on-topic and check the VTK FAQ at: <a href="http://www.vtk.org/Wiki/VTK_FAQ" rel="noreferrer" target="_blank">
http://www.vtk.org/Wiki/VTK_<wbr>FAQ</a><br>
<br>
Search the list archives at: <a href="http://markmail.org/search/?q=vtkusers" rel="noreferrer" target="_blank">
http://markmail.org/search/?q=<wbr>vtkusers</a><br>
<br>
Follow this link to subscribe/unsubscribe:<br>
<a href="https://vtk.org/mailman/listinfo/vtkusers" rel="noreferrer" target="_blank">https://vtk.org/mailman/<wbr>listinfo/vtkusers</a><br>
<br>
</blockquote>
</div>
<br>
</div>
<br>
<p><span style="color:rgb(75,165,36)">Antes de imprimir este correo electr贸nico, piense bien si es necesario hacerlo: el medio ambiente es una cuesti贸n de todos.</span>
</p>
<p><span style="color:rgb(75,165,36)">Please consider the environment before printing this email.</span></p>
</div>
<br>
<p><span style="color:rgb(75, 165, 36);">Antes de imprimir este correo electr贸nico, piense bien si es necesario hacerlo: el medio ambiente es una cuesti贸n de todos.</span>
</p>
<p><span style="color:rgb(75, 165, 36);">Please consider the environment before printing this email.</span></p>
</body>
</html>