Type error: Cannot find module '@jpmorganchase/perspective'. TS2307 about jpmc-tech-task-2

[TanishB]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

[sujith8897]

I got the answer to the issue..
Download node modules file from the comments above and then npm install react-scripts by using this i am able to solve this

[divyanshu450]

This option really worked for me. I don’t know exactly what the problem was but it was definitely not related with setting up path environments in my case.

[FedericoRead]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

Thanks man, downloading the zip file worked for me... after doing a few extra steps. Apparently, if I try to copy the node_modules folder (from the .zip folder) into the JPMC-tech-task-2 folder it takes an eternity (literally, while copying it my computer said it would take more than a day then stopped at 10%). I just copied the zip folder, deleted the original node_modules folder, then moved the new node_modules folder (inside the zip file) into the JMPC-tech-task-2 directory.

However, for some reason it won't go through because it's complaining about react-scripts not being an internal or external command or whatever, so what I did was delete the original react-scripts folder in the new node_modules folder then installed react-scripts again (npm i react-scripts). This fixed the type error, but then it complained about not finding a require-from-string module. So I installed that in a similar fashion (npm install --save require-from-string), did npm install, and then npm start, and then it worked! I have been struggling on this for weeks and I'm glad I was finally able to fix it.

[PoojaRani24]

Make sure you are using the correct node version. Using nvm use v11.0.0 followed by sudo npm install worked for me

[Prannesh45]

For all the users, who have the error
Just go to visual studio 2017 and run VS 2017 terminal
Once you enter, move to the directory where you have saved JPMC-tech-task
Delete the folder node_modules
Being in the 2017 VS command prompt, run "npm install "
It will take around 153 MB download
And then run "npm start", it will work

[tanay-nagarsheth]

did anyone find the solution to this? I have installed npm correctly , everything is right but this error wont stop showing Type error: Cannot find module '@jpmorganchase/perspective'. TS2307

[govilharsh]

Thanx a lot !!! Its working now.

[7Kushal]

You can skip npm install step by downloading the node_modules from https://drive.google.com/file/d/1amF7C-4mRZCi3Ab5xuH0XCRQubp4aa_t/view And replace the node_modules folder in JPMC-tech-task-2-PY3.
then run npm start
if it shows error for react-scripts then run this command npm i -g react-scripts
then runnpm start
that helped for me.

[jbf-insidesherpa]

@lunakoj you're probably getting that error because npm install wasn't completing successfully on your end. Can you attach a screenshot of what errors you're getting on your console after you run npm install? The setup slides also discuss the workarounds for most issues a user might get when running npm install

[lunakoj]

Thank you for your response. Attached are the error screen while installing NPM as requested. I look forward to a resolution so I can carry on with the task. Warm Regards  Olisa Okeke On Monday, January 27, 2020, 12:29:06 AM UTC, jbf-insidesherpa <[email protected]> wrote: @lunakoj you're probably getting that error because npm install wasn't completing successfully on your end. Can you attach a screenshot of what errors you're getting on your console after you run npm install? The setup slides also discuss the workarounds for most issues a user might get when running npm install — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

[debarshikundu]

I am actually getting the same error :(

[surbhi1005]

Hi debarshikundu, did you find any solution for the problem since I have the same problem and can't resolve it.

[yash-kedia]

nvm use v11.0.0 is not working for me

exit status 1: 'C:\Users\Yash' is not recognized as an internal or external command,
operable program or batch file.

can anyone tell me how to resolve this error

[nicoestrada]

I have also ran into this error. Any ideas on the solution?

[PrajolADSethi]

@TanishB I tried your method but its not working for me Can you tell me if i should uninstall anything more than the npm ? Earlier I followed the steps given in the instruction manual

[TanishB]

@PrajolADSethi You don't need to uninstall anything. By replacing node_modules you are skipping the npm install step, that's it.

[PrajolADSethi]

Okay Thank you @TanishB but still changing the node folder didn't work for me

[akshatgupta1019]

i am facing the same issue! did anyone got the solution?

[ikshitjalan]

i am facing this same issue too
How to resolve it?

[sujith8897]

same issue please help

same issue, can't get a response from the online help!

[RudraPaksh]

Failed to compile
C:/Users/asus1/JPMC-tech-task-2/src/Graph.tsx
Type error: Cannot find module '@jpmorganchase/perspective'. TS2307

1 | import React, { Component } from 'react';

2 | import { Table } from '@jpmorganchase/perspective';
| ^
3 | import { ServerRespond } from './DataStreamer';
4 | import './Graph.css';
5 |
This error occurred during the build time and cannot be dismissed.

i am getting this error please tell me how can i resolve this error

[RudraPaksh]

same issue, can't get a response from the online help!

[gthe1andonly]

I don't know if this will help anyone, but I went to the node js site and downloaded it as if i was installing a basic application on my computer. Then i did the npm install and nmp start agaain.

[sumthegreat]

I am also having the same issue.

C:/Users/../JPMC-tech-task-2-PY3/src/Graph.tsx
Type error: Cannot find module '@jpmorganchase/perspective'. TS2307

1 | import React, { Component } from 'react';

2 | import { Table } from '@jpmorganchase/perspective';
| ^
3 | import { ServerRespond } from './DataStreamer';
4 | import './Graph.css';
5 |

[deepaa28]

same issue, please help!

[gthe1andonly]

https://nodejs.org/en/download/

please try to download node js using the link above and see if it helps you. Then go through the process again as shown on the slides.

[parthsikka]

@TanishB rightly said. Try downloading the node_modules folder from here and replace it with the one in your Task 2 folder.
Now directly jump to npm start

[govilharsh]

Can we use visual studio 2019 ?

[Prannesh45]

Your nvm version and this vs should match, so node_gyp error can be prevented.
So we can't use it.
If we use, node_gyp error might occur.

[aman-5757]

nvm use v11.0.0 is not working for me

exit status 1: 'C:\Users\Yash' is not recognized as an internal or external command,
operable program or batch file.

can anyone tell me how to resolve this error

Hii try this --> cd/Users/ --> then run dir /x --> You will get something like YASH1 (In my case it was AMANSR1) --> then try again using the same eg. C:\Users\YASH~1 instead of C:\Users\YASH

[aman-5757]

I am facing error in command npm install --> can someone please help me!

[vaisakh-123]

https://drive.google.com/uc?id=1amF7C-4mRZCi3Ab5xuH0XCRQubp4aa_t&export=download

Download the zip file from the link.Extract it to JPMC-tech-task-2-PY3. Run 'npm start' in cmd.
No need to use 'npm install' in this case.

[Nakzz]

https://drive.google.com/uc?id=1amF7C-4mRZCi3Ab5xuH0XCRQubp4aa_t&export=download

Download the zip file from the link.Extract it to JPMC-tech-task-2-PY3. Run 'npm start' in cmd.
No need to use 'npm install' in this case.

Not sure if that's a good idea, at least for developing in a project that could be used in different devices.

npm install installs the packages and pre-reqs for those packages depending on the machine you are using. Although you are able to solve it by pasting someone else's node_modules files, you shouldn't want to just paste it in your directory. That's a major security threat.

I was able to solve the problem with the following

npm install -g node-gyp node-pre-gyp
npm install --unsafe-perm

But this isn't the solution for all the people who posted their screens or their error messages. Some people are having permission issue and some are having issue with your npm not being able to find your python executable.

[Anamika0101]

Using node_modules provided here, i tried npm start and now this is the error. I am trying to work on this since yesterday and there is always some error.

[gthe1andonly]

run npm start from the task folder and not the node modules folder. You might still get a dfferent error though

[Anamika0101]

I did try that also, same error exist.

[Prannesh45]

Delete node_modules and try again with setting VS terminal to 2017
Being in the 2017 VS command prompt, run "npm install "
It will take around 153 MB download
And then run "npm start", it will work
this error is mostly because of your python version linkage with Vs Version

[Anamika0101]

Delete node_modules and try again with setting VS terminal to 2017
Being in the 2017 VS command prompt, run "npm install "
It will take around 153 MB download
And then run "npm start", it will work
this error is mostly because of your python version linkage with Vs Version

I tried and again there is problem!

[Prannesh45]

I would like you to try out this
prebuild-install || node-gyp, try this command
and then check in the path directory whether the python path(where you have installed python) is included
Before set can be achieved by searching path in start menu and selecting edit the system env variables and select environment variables and select path in the second list box. Select the path and add the python.exe location

[Anamika0101]

I would like you to try out this
prebuild-install || node-gyp, try this command
and then check in the path directory whether the python path(where you have installed python) is included
Before set can be achieved by searching path in start menu and selecting edit the system env variables and select environment variables and select path in the second list box. Select the path and add the python.exe location

Still not working

[eakarakaplan]

For all the users, who have the error
Just go to visual studio 2017 and run VS 2017 terminal
Once you enter, move to the directory where you have saved JPMC-tech-task
Delete the folder node_modules
Being in the 2017 VS command prompt, run "npm install "
It will take around 153 MB download
And then run "npm start", it will work

I worked for me. Thanks.

[yasharth291]

nvm use v11.0.0 is not working for me

exit status 1: 'C:\Users\Yash' is not recognized as an internal or external command,
operable program or batch file.

can anyone tell me how to resolve this error

It is because of the space coming in your path.

[samrojo]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

Actually just adding the @jpmorganchase folder to the node_modules will do the work. Thanks for it!

[neelabhkrishna]

npm i --save @finos/perspective-viewer @finos/perspective-viewer-d3fc @finos/perspective-viewer-datagrid

[PrajolADSethi]

Hello so some weeks back I was facing the same issues of react and have overcome it and would like to share with you all
Note :
1.Reclone the repository you are working on and delete the previous one
2. If using windows use the directory
C:/Users/public/<xyz_folder>/
3. Don't use space in your file name
4. Verify that you are using python version 2.7 or 3+ ; node version 6 ; nvm version 1.1.8 or a nearby one , npm version 11.0.0 and visual studios 2017
5. Make sure that while installing visual studios you clicked all options as guided in the ppt .
Now,
After these verifications let's first setup the server side :
1.Open CMD
2. change directory to where your repository is then make sure you are in the repository .
3 . Run the python3 datafeed/server3.py command
(If you get a dateutil error then either you write python3 as python itself and run still not working and you have pip installed already then install wheel package and then run )
After the port 8080 gets set now client side :
1.Open CMD (Administrator)
2. cd to desired location
3. check nvm version you installed
4. Follow the steps as in ppt
5. Use nvm 11.0.0
6.config...2017 command
7.npm start
Now if you are running into same type script errors
1 use the install command again
2. After a while it may show you steps to fix audits run that and again force audit steps
3. Run 5,6,7 step again still not working see if it is asking to install some packages like bootstrap and so
4. Again install fix audits and rerun this time it may get no compilation error and you might see the blue button on the local host page .

I hope this steps may help you as it worked in my case so All the best 👍

[nakul2478]

Using node_modules provided here, i tried npm start and now this is the error. I am trying to work on this since yesterday and there is always some error.

[samrojo]

Using node_modules provided here, i tried npm start and now this is the error. I am trying to work on this since yesterday and there is always some error.

Hace you tried "npm start" instead of "react-scripts start"?, Don't really know if that would work, I was using it on windows. Or try using sudo

[buyrenagesh]

Failed to compile
C:/Users/buyre/JPMC-tech-task-3-PY3/src/Graph.tsx
Type error: Cannot find module '@jpmorganchase/perspective'. TS2307

1 | import React, { Component } from 'react';

2 | import { Table } from '@jpmorganchase/perspective';
| ^
3 | import { ServerRespond } from './DataStreamer';
4 | import { DataManipulator } from './DataManipulator';
5 | import './Graph.css';
This error occurred during the build time and cannot be dismissed.

[srinath-nanduri]

@7Kushal Thanks.
It worked without any error.

[shamaz332]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

thanks this work for me

[SuhasPatlolla]

@jbf-insidesherpa I have made changes successfully and there are no errors but when i press START STREAM DATA I can' t see any graph displayed...

[FutureHet]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

Actually just adding the @jpmorganchase folder to the node_modules will do the work. Thanks for it!

Sorry, I couldn't get it.
Can you explain what exactly you are asking?

[FutureHet]

I am not able to solve the npm start problem.
Can anyone help me.
I tried everything mentioned above, I also downloaded new module package and replaced it by the previous one
but still getting the same error.

[srinath-nanduri]

Actually when you just delete the 'node_modules' folder and replace it with the new one which you can download at the link given above(as well as in troubleshooting of setup pdf ), you are leaving .json files which have cache from previous commands of npm.

You have to clear the cache or if you dont know the node commands , simply follow these steps:

1. Delete the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder from your C:/admin.
2. Use git clone command again so you have fresh .json files
3. Instead of npm install, copy the node_modules folder from the zip file you downloaded.(make sure its name is node_modules).
4. Check if it has @jpmorganchase folder.
5. If yes then start your server in an administrator cmd
6. Run 'npm start' in a normal cmd in the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder.
   (Make sure you are in that folder when you run the scripts of server and start npm)
   (This is how you hange directory: cd \Users<admin>\JPMC-tech-task-2-py3)
   At type your own administrator name.

This steps gave me the proper output

[FutureHet]

I followed the steps you suggested but after doing that when I run npm start
I am getting error as

[email protected] start C:\Users\admin\JPMC-tech-task-2-PY3
react-scripts start

'react-scripts' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: react-scripts start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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! C:\Users\admin\AppData\Roaming\npm-cache_logs\2020-06-28T10_20_48_028Z-debug.log

what should I do now.

[7Kushal]

See my solution above @FutureHet

[FutureHet]

Okay I run the command npm install and when i check the folder named @jpmorganchase in the node_modules
so I just copy paste that folder from the node_modules folder which link was given by you.
Now it is working .
Thanks a lot.
@7Kushal and @srinath-nanduri

[surveyblade]

I solved this by removing package-lock.json,
then run npm install
then npm start works

[irisshakya]

You can skip npm install step by downloading the node_modules from here. And replace the node_modules folder inside JPMC-tech-task-2-PY3 with the one you downloaded from the link mentioned above.
Now you just need to execute npm start!

this works if the it shows react error asking to download dependencies.

[cheesken]

Mine is WORKING and so I thought I will share the way I did it:

1. When cloning from git, clone the 2.7 version. It will save you a lot of trouble down the way since a lot of nvm dependencies are with python 2.7
2. Go to terminal and cd into the folder
3. xcode-select --install
4. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
5. copy the two lines from "export NVM_DIR" to "# This loads nvm"
   check https://www.youtube.com/watch?v=Bhu7p7sHMaQ at 1:17 time for more information
6. sudo vi ~/.bash_profile
7. paste the two lines here
8. ~/.bash_profile
9. nvm --version
   It should show the version
10. nvm install v11.0.0
11. nvm use v11.0.0
12. npm install
13. npm start

THIS SHOULD WORK
HOPE IT HELPS

[Punit29]

npm i --save @finos/perspective-viewer @finos/perspective-viewer-d3fc @finos/perspective-viewer-datagrid

Thanks this worked for me.
Those who are trying this just run this command in cmd and change the path from "@jpmorganchase/perspective" to "@finos/perspective" in the error line.

Hope It Helps.

[veersan]

Download the node_modules file from slide 92 and
The @jpmorgan file itself wasnt there in the nodes_module
So I copied that from the node files (downloaded from slide 92).
The error does'nt show anymore.
Try this.

[jpmorgan]

Download the node_modules file from slide 92 and
The @jpmorgan file itself wasnt there in the nodes_module
So I copied that from the node files (downloaded from slide 92).
The error does'nt show anymore.
Try this.

Hi just FYI everytime you quote @jpmorgan you are sending a notification to me as a mention.. This "insidesherpa" github has done this many many times.

Just thought I'd let you know!

[akirpach]

Actually when you just delete the 'node_modules' folder and replace it with the new one which you can download at the link given above(as well as in troubleshooting of setup pdf ), you are leaving .json files which have cache from previous commands of npm.

You have to clear the cache or if you dont know the node commands , simply follow these steps:

1. Delete the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder from your C:/admin.
2. Use git clone command again so you have fresh .json files
3. Instead of npm install, copy the node_modules folder from the zip file you downloaded.(make sure its name is node_modules).
4. Check if it has @jpmorganchase folder.
5. If yes then start your server in an administrator cmd
6. Run 'npm start' in a normal cmd in the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder.
   (Make sure you are in that folder when you run the scripts of server and start npm)
   (This is how you hange directory: cd \Users\JPMC-tech-task-2-py3)
   At type your own administrator name.

This steps gave me the proper output

I followed exact steps as you described. However, when I run my npm start it outputs the following:

[akirpach]

I solved this by removing package-lock.json,
then run npm install
then npm start works

I tried your solution and when I input npm start it produces this:

[AkhidenorH]

Actually when you just delete the 'node_modules' folder and replace it with the new one which you can download at the link given above(as well as in troubleshooting of setup pdf ), you are leaving .json files which have cache from previous commands of npm.

You have to clear the cache or if you dont know the node commands , simply follow these steps:

1. Delete the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder from your C:/admin.
2. Use git clone command again so you have fresh .json files
3. Instead of npm install, copy the node_modules folder from the zip file you downloaded.(make sure its name is node_modules).
4. Check if it has @jpmorganchase folder.
5. If yes then start your server in an administrator cmd
6. Run 'npm start' in a normal cmd in the JPMC-tech-task-2-py3/JPMC-tech-task-2 folder.
   (Make sure you are in that folder when you run the scripts of server and start npm)
   (This is how you hange directory: cd \Users\JPMC-tech-task-2-py3)
   At type your own administrator name.

This steps gave me the proper output

waoh! this is it. it works perfectly. thank you so much

[KareemSalem7]

You can skip npm install step by downloading the node_modules from https://drive.google.com/file/d/1amF7C-4mRZCi3Ab5xuH0XCRQubp4aa_t/view And replace the node_modules folder in JPMC-tech-task-2-PY3. then run npm start if it shows error for react-scripts then run this command npm i -g react-scripts then runnpm start that helped for me.

I still get an error that says 'react-scripts' is not recognized as an internal or external command,
operable program or batch file. any help??

[KareemSalem7]

I realised my nodes module folder was nested for some reason that fixed it

[loannejee]

What worked for me to install react, react-dom and @finos/perspective properly without "Failed to Compile" showing up:
Enter all at once:

1. npm install react react-dom @finos/perspective --save
2. Go to the Graph.tsx file and replace
   • import { Table } from '@jpmorganchase/perspective';
   with
   • import { Table } from '@finos/perspective';

[iamsahil08]

You can skip npm install step by downloading the node_modules from https://drive.google.com/file/d/1amF7C-4mRZCi3Ab5xuH0XCRQubp4aa_t/view And replace the node_modules folder in JPMC-tech-task-2-PY3. then run npm start if it shows error for react-scripts then run this command npm i -g react-scripts then runnpm start that helped for me.

I still get an error that says 'react-scripts' is not recognized as an internal or external command, operable program or batch file. any help??

Try installing latest version of react-scripts by running npm i react-scripts@latest.

Follow these steps for react-scripts not recognized:

1. Replace node modules in directory with this.
2. Run cmd as administrator and run npm i react-scripts@latest in the directory.
3. Run npm start