Error while installing npm and npm start?

I have been using a tool to carryout pan-genome analysis with PanX and tried to visualise the results graphically by using PanX-visualization. I have followed all the instruction specified in the panX-visualization manual. Since, It needs npm, I tried to install npm but end up with the following error,

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/glob-watcher/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/webpack-dev-server/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
audited 984 packages in 7.99s
23 packages are looking for funding
  run `npm fund` for details
found 8 vulnerabilities (4 low, 2 moderate, 1 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

To fix this error, I upgraded my default nodejs and nvm into nodejs v14.8.0 and nvm v14.4.0 . I also tried to audit fix the vulnerabilities and end up with the following warnings,

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/webpack-dev-server/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/glob-watcher/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
up to date in 6.786s
23 packages are looking for funding
  run `npm fund` for details
fixed 0 of 8 vulnerabilities in 984 scanned packages
  8 vulnerabilities required manual review and could not be updated

Having done these, I ran npm start in the respective folder and got error as follows,

> panX-visualization@1.5.0 start /home/dinesh/Downloads/pan-genome-analysis-master/pan-genome-visualization
> node ./bin/www
/home/dinesh/Downloads/pan-genome-analysis-master/pan-genome-visualization/webpack.config.dev.js:25
    new webpack.NoErrorsPlugin()
   ^
TypeError: webpack.NoErrorsPlugin is not a constructor
    at Object.<anonymous> (/home/dinesh/Downloads/pan-genome-analysis-master/pan-genome-visualization/webpack.config.dev.js:25:5)
    at Module._compile (internal/modules/cjs/loader.js:1200:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1220:10)
    at Module.load (internal/modules/cjs/loader.js:1049:32)
    at Function.Module._load (internal/modules/cjs/loader.js:937:14)
    at Module.require (internal/modules/cjs/loader.js:1089:19)
    at require (internal/modules/cjs/helpers.js:73:18)
    at Object.<anonymous> (/home/dinesh/Downloads/pan-genome-analysis-master/pan-genome-visualization/app.js:14:21)
    at Module._compile (internal/modules/cjs/loader.js:1200:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1220:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! panX-visualization@1.5.0 start: `node ./bin/www`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the panX-visualization@1.5.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /home/dinesh/.npm/_logs/2020-08-13T08_10_29_719Z-debug.log

I googled about the error and seek help from various forums and having done all those suggestion end up with the same errors mentioned above. Kindly help me to resolve this issue.
Thanks in advance.

My OS is 64 bit Desktop-ubuntu 18.04 LTS

Hi @dineshkumarsrk

I tested this on my macOS dev environment for you:

$ npm  -v
6.14.4

$ node -v
v12.16.2

By installing your app from:

following the install instructions, and it was up and running in a few minutes without error:

Hope this data point helps.

What versions of npm and node are you running? What OS?

Cool app, BTW.

3 Likes

Thank you @Neo for your help. However, I do not have macOS for doing the same. My OS is 64 bit Desktop-ubuntu 18.04 LTS. I learned that, macOS has no issue with this tool. Since, the developer mentioned this tool can be run on linux OS as well. Kindly help me to run this on linuxOS or Please let me know any option available to access macOS to visualise my data.

Make sure you are running these versions.

Follow the install directions on github exactly.

1 Like

Thank you @Neo I have installed npm and node version as you suggested. Now it is running with the following warnings and errors,

dinesh@dinesh7:~/Downloads/pan-genome-analysis-master/pan-genome-visualization/pan-genome-visualization-master$ npm start

> panX-visualization@1.5.0 start /home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master
> node ./bin/www

open the web page http://localhost:8000/ in your browser
webpack built 28e35a6076723c9f7cd4 in 3991ms
Hash: 28e35a6076723c9f7cd4
Version: webpack 2.7.0
Time: 3991ms
           Asset     Size  Chunks  Chunk Names
client_bundle.js  3.77 MB       0  client_bundle
     homepage.js   1.3 MB       1  homepage
chunk    {0} client_bundle.js (client_bundle) 3.05 MB [entry] [rendered]
    [4] ./public/javascripts/global.js 2.64 kB {0} [built]
    [8] ./~/d3/d3.js 338 kB {0} {1} [built]
   [12] ./~/jquery/dist/jquery.js 280 kB {0} {1} [built]
   [15] ./public/javascripts/tooltips.js 8.33 kB {0} [built]
   [21] ./~/datatables.net/js/jquery.dataTables.js 448 kB {0} {1} [built]
   [27] ./public/javascripts/data_path.js 1.01 kB {0} [built]
   [28] ./public/javascripts/tree-init.js 15.9 kB {0} [built]
   [42] (webpack)-hot-middleware/client.js 7.87 kB {0} {1} [built]
   [60] (webpack)/buildin/module.js 517 bytes {0} {1} [built]
  [107] ./~/strip-ansi/index.js 161 bytes {0} {1} [built]
  [110] (webpack)-hot-middleware/client-overlay.js 2.22 kB {0} {1} [built]
  [111] (webpack)-hot-middleware/process-update.js 4.45 kB {0} {1} [built]
  [112] ./public/javascripts/datatable-meta.js 3.68 kB {0} [built]
  [206] ./public/javascripts/render_viewer.js 9.52 kB {0} [built]
  [548] multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js 40 bytes {0} [built]
     + 532 hidden modules
chunk    {1} homepage.js (homepage) 1.16 MB [entry] [rendered]
    [8] ./~/d3/d3.js 338 kB {0} {1} [built]
   [12] ./~/jquery/dist/jquery.js 280 kB {0} {1} [built]
   [21] ./~/datatables.net/js/jquery.dataTables.js 448 kB {0} {1} [built]
   [42] (webpack)-hot-middleware/client.js 7.87 kB {0} {1} [built]
   [60] (webpack)/buildin/module.js 517 bytes {0} {1} [built]
   [62] ./~/ansi-html/index.js 4.26 kB {0} {1} [built]
   [63] ./~/ansi-regex/index.js 135 bytes {0} {1} [built]
  [104] ./~/html-entities/index.js 231 bytes {0} {1} [built]
  [107] ./~/strip-ansi/index.js 161 bytes {0} {1} [built]
  [110] (webpack)-hot-middleware/client-overlay.js 2.22 kB {0} {1} [built]
  [111] (webpack)-hot-middleware/process-update.js 4.45 kB {0} {1} [built]
  [114] ./public/javascripts/species-selector.js 1.73 kB {0} {1} [built]
  [116] ./public/javascripts/third_party/table_plugin/dataTables.bootstrap.min.js 1.97 kB {0} {1} [built]
  [205] ./public/javascripts/homepage.js 3.21 kB {1} [built]
  [547] multi webpack-hot-middleware/client ./public/javascripts/homepage.js 40 bytes {1} [built]
     + 4 hidden modules

WARNING in webpack: Using NoErrorsPlugin is deprecated.
Use NoEmitOnErrorsPlugin instead.


ERROR in ./public/javascripts/render_viewer.js
Module not found: Error: Can't resolve '../phyloTree/src/updateTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/render_viewer.js 8:0-59
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/updateTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 5:0-7:101
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/tree-init.js
Module not found: Error: Can't resolve '../phyloTree/src/updateTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/tree-init.js 3:0-85 10:0-78
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/meta-color-legend.js
Module not found: Error: Can't resolve '../phyloTree/src/updateTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/meta-color-legend.js 1:0-70
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/phyloTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 1:0-51
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/drawTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 2:0-49
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/zoom' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 3:0-60
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/tree-init.js
Module not found: Error: Can't resolve '../phyloTree/src/zoom' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/tree-init.js 4:0-70
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/treeHelpers' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 4:0-63
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/meta-color-legend.js
Module not found: Error: Can't resolve '../phyloTree/src/treeHelpers' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/meta-color-legend.js 5:0-63
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTreeCallbacks.js
Module not found: Error: Can't resolve '../phyloTree/src/treeHelpers' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTreeCallbacks.js 1:0-63
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTreeCallbacks.js
Module not found: Error: Can't resolve '../phyloTree/src/treeHelpers' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTreeCallbacks.js 1:0-63
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/speciesTree.js
Module not found: Error: Can't resolve '../phyloTree/src/labels' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/speciesTree.js 8:0-64
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/tree-init.js
Module not found: Error: Can't resolve '../phyloTree/src/labels' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/tree-init.js 5:0-65
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/linkTableAlignmentTrees.js
Module not found: Error: Can't resolve '../phyloTree/src/labels' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/linkTableAlignmentTrees.js 6:0-54
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTree.js
Module not found: Error: Can't resolve '../phyloTree/src/phyloTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTree.js 1:0-51
 @ ./public/javascripts/linkTableAlignmentTrees.js
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTree.js
Module not found: Error: Can't resolve '../phyloTree/src/drawTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTree.js 2:0-49
 @ ./public/javascripts/linkTableAlignmentTrees.js
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTree.js
Module not found: Error: Can't resolve '../phyloTree/src/zoom' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTree.js 3:0-60
 @ ./public/javascripts/linkTableAlignmentTrees.js
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTree.js
Module not found: Error: Can't resolve '../phyloTree/src/updateTree' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTree.js 4:0-6:101
 @ ./public/javascripts/linkTableAlignmentTrees.js
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js

ERROR in ./public/javascripts/geneTree.js
Module not found: Error: Can't resolve '../phyloTree/src/labels' in '/home/dinesh/.local/share/Trash/files/pan-genome-visualization.2/pan-genome-visualization-master/public/javascripts'
 @ ./public/javascripts/geneTree.js 7:0-64
 @ ./public/javascripts/linkTableAlignmentTrees.js
 @ ./public/javascripts/render_viewer.js
 @ multi webpack-hot-middleware/client ./public/javascripts/render_viewer.js
(node:21238) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
GET / 200 502.293 ms - -
GET /stylesheets/autocomplete.css 200 10.793 ms - 771
GET /stylesheets/dataTables.bootstrap.css 200 12.745 ms - -
GET /stylesheets/bootstrap.min.css 200 8.764 ms - -
GET /stylesheets/autohiding-navbar2.css 200 11.534 ms - -
GET /stylesheets/footer.css 200 11.337 ms - -
GET /stylesheets/page-appearance.css 200 11.775 ms - -
GET /javascripts/third_party/gifffer.min.js 200 5.291 ms - -
GET /javascripts/species-list-info.js 200 4.866 ms - -
GET /javascripts/third_party/bootstrap.min.js 200 8.184 ms - -
GET /javascripts/third_party/jquery.bootstrap-autohidingnavbar.min.js 200 10.643 ms - -
GET /javascripts/third_party/jquery.min.js 200 8.399 ms - -
GET /javascripts/third_party/call-autohidingnavbar.js 200 83.675 ms - 49
GET /dist/homepage.js 200 80.439 ms - -
GET /images/pan-blue-noReads.svg 200 1.497 ms - -
GET /images/Demo-Sp616.gif 200 1.453 ms - 5983408
GET /images/Demo-Pm.gif 200 89.910 ms - -
GET /images/pan-white-out.svg 200 1.462 ms - -
GET /favicon.ico 200 57.846 ms - -

However, I could view the webpage in the localhost link. Is it ok to run like this or should I need to fix those warnings and errors?

The instructions on GitHub do not say to run:

node ./bin/www

I recommend you follow the exact instruction set on Github. That is what I did when I tested for you.

The instructions are clear:

Clone the repository

git clone https://github.com/neherlab/pan-genome-visualization
cd pan-genome-visualization
git submodule update --init

Install npm packages and start the server:

npm install
npm start

I did this a few hours ago to help you @dineshkumarsrk and it worked flawlessly.

HTH

1 Like

Thank you @Neo for your time and consideration. Now it works fine.

1 Like