<div dir="ltr"><div><div>Dear all,<br><br></div>thank you very very much for your help! Everything is working now!<br><br></div>Cristina<br></div><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Jul 26, 2017 at 4:12 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Christina,<div><br></div><div>I think the issue is inside your JSON file which might not be properly formed. </div><div>To make sure your file is properly formatted, you can use a service like below to spot the issue quickly.</div><div><br></div><div><a href="https://jsonlint.com/" target="_blank">https://jsonlint.com/</a><br></div><div><br></div><div>Regarding the "require" or "import" method to ingest your file, they should both work but we prefer to use the "import" syntax.</div><div><br></div><div>Seb<br><br></div><div><br></div></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Jul 26, 2017 at 7:35 AM, Aron Helser <span dir="ltr"><<a href="mailto:aron.helser@kitware.com" target="_blank">aron.helser@kitware.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Cristina,<div>I think the 'require' function may be the problem - in vtk-js and ParaViewWeb, we typically use 'import', like this:</div><div><div><br></div><div>import localPresetImages from '../../presets.json';</div></div><div><br></div><div>Try it that way?</div><div>Regards,</div><div>Aron</div></div><div class="m_-3711541643522852548HOEnZb"><div class="m_-3711541643522852548h5"><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Jul 26, 2017 at 5:31 AM, Cristina Oyarzun <span dir="ltr"><<a href="mailto:coyarzunlaura@googlemail.com" target="_blank">coyarzunlaura@googlemail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div>Dear Scott and Aron,<br><br></div>thank you for your answers. I was indeed using an older version of Webpack, but I already upgraded to the newest version. Unfortunately I keep getting errors when I try to read the JSON file. To this I have to add that although I have been using vtk for quite a long time now, I am completely new to javascript. <br><br>If I understood correctly with webpack 2 I do not need to add anything to the webpack.config.js to be able to read json files in the index.js. Is this right? However, I try to read the json file with the following command in index.js:<br><br><pre><span style="font-family:arial,helvetica,sans-serif"><span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-k">const</span> <span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-c1">json</span> <span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-k">=</span> <span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-c1">require</span>(<span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-s"><span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-pds">'</span>./file.json<span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195gmail-pl-pds">'</span></span>);</span><br><br></pre><pre><font face="arial,helvetica,sans-serif">apart of that line of code I didnt write anything else related to the json file. I got the following error:<br><br>ERROR in ./src/file.json<br>Module build failed: SyntaxError: Unexpected token / in JSON at position 146<br>    at Object.parse (native)<br>    at Object.module.exports (D:\VTK-JS\node_modules\json-l<wbr>oader\index.js:4:<br>49)<br> @ ./src/index.js 285:13-35<br> @ ./src/index.js<br> @ multi (webpack)-dev-server/client?<a href="http://localhost:8080" target="_blank">ht<wbr>tp://localhost:8080</a> ./src/index.js<br>webpack: Failed to compile.<br><br></font></pre><pre><font face="arial,helvetica,sans-serif">Thank you very much!!!<span class="m_-3711541643522852548m_-8938466149791105920HOEnZb"><font color="#888888"><br></font></span></font></pre><span class="m_-3711541643522852548m_-8938466149791105920HOEnZb"><font color="#888888"><pre><font face="arial,helvetica,sans-serif">Cristina<br></font></pre><pre><font face="arial,helvetica,sans-serif"><br></font></pre></font></span></div></div><div class="m_-3711541643522852548m_-8938466149791105920HOEnZb"><div class="m_-3711541643522852548m_-8938466149791105920h5"><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Jul 21, 2017 at 5:50 PM, Scott Wittenburg <span dir="ltr"><<a href="mailto:scott.wittenburg@kitware.com" target="_blank">scott.wittenburg@kitware.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Cristina,<div><br></div><div>In vtk.js we now use webpack2 (in master at least, you may have picked an older version though), and the webpack2 documentation states that you no longer need a loader for json:</div><div><br></div><div><a href="https://webpack.js.org/guides/migrating/#json-loader-is-not-required-anymore" target="_blank">https://webpack.js.org/guides/<wbr>migrating/#json-loader-is-not-<wbr>required-anymore</a><br></div><div><br></div><div>Is your project also using webpack2?  In that case you shouldn't need the json loader.  Also, when you refer to "Build-in modules of Node.js", does that refer specifically to this:</div><div><br></div><div><a href="https://github.com/sindresorhus/builtin-modules" target="_blank">https://github.com/sindresorhu<wbr>s/builtin-modules</a><br></div><div><br></div><div>or do you mean something else?  </div><div><br></div><div>Cheers,</div><div>Scott</div></div><div class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195HOEnZb"><div class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195h5"><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Jul 21, 2017 at 8:57 AM, Aron Helser <span dir="ltr"><<a href="mailto:aron.helser@kitware.com" target="_blank">aron.helser@kitware.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Cristina,<div>ParaViewWeb uses this webpack 1.x loader:</div><div><div>{</div><div>    test: /\.json$/,</div><div>    loader: 'json-loader',</div><div>  },</div></div><div>That should allow you to 'include' a json file in your javascript, and then you might need to use the built-in JSON.parse() to turn it into an object. </div><div><br></div><div>Regards,</div><div>Aron</div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195m_-1972780395469535986h5">On Fri, Jul 21, 2017 at 4:43 AM, Cristina Oyarzun via vtkusers <span dir="ltr"><<a href="mailto:vtkusers@vtk.org" target="_blank">vtkusers@vtk.org</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195m_-1972780395469535986h5"><div dir="ltr"><div><div><div><div>Dear all,<br><br></div>I visualized several actors using VTK-js. Now I want to read a .json file and according to the information that it is included there assign different colors to the actors. <br><br>Unfortunately as soon as I try to use the Build-in modules of Node.js I start getting errors. I didnt manage to find out how do I have to adapt the "webpack.config.js" (or the "package.json"?) so that it works. <br><br></div>I found somewhere in a forum that it should work by adding " target: 'node' " to the webpack.config.js but it didnt. Any help would be great!<br><br></div>Thank you!<span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195m_-1972780395469535986m_-4225013262831887081HOEnZb"><font color="#888888"><br></font></span></div><span class="m_-3711541643522852548m_-8938466149791105920m_5693844494794356195m_-1972780395469535986m_-4225013262831887081HOEnZb"><font color="#888888">Cristina<br></font></span></div>
<br></div></div>______________________________<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/opensou<wbr>rce/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_FA<wbr>Q</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="http://public.kitware.com/mailman/listinfo/vtkusers" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/vtkusers</a><br>
<br></blockquote></div><br></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/opensou<wbr>rce/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_FA<wbr>Q</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="http://public.kitware.com/mailman/listinfo/vtkusers" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/vtkusers</a><br>
<br></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></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/opensou<wbr>rce/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_FA<wbr>Q</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="http://public.kitware.com/mailman/listinfo/vtkusers" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/vtkusers</a><br>
<br></blockquote></div><br></div>
</div></div></blockquote></div><br></div>