Bi-directional component instructions not working on synced Google Drive on Windows - npm install error

[philipnye]

I’m attempting and failing to get the instructions to create create a bi-directional component available here to work using React on Windows.

My setup is as follows:

• Streamlit 1.31.0
• nodejs 20.11.0
• npm 10.2.4
• Windows 10

Steps I’ve taken:

1. Cloned this repo
2. In template/my_component/frontend, run npm install

I get the following error:

npm ERR! code ENOTDIR
npm ERR! syscall mkdir
npm ERR! path G:\Other computers\My Laptop\Documents\Work\Coding\st_component-template_2\template\my_component\frontend\node_modules\babel-jest\node_modules
npm ERR! errno -4052
npm ERR! ENOTDIR: not a directory, mkdir 'G:\Other computers\My Laptop\Documents\Work\Coding\st_component-template_2\template\my_component\frontend\node_modules\babel-jest\node_modules'

npm ERR! A complete log of this run can be found in: C:\Users\phili\AppData\Local\npm-cache\_logs\2024-02-06T20_03_04_381Z-debug-0.log

I’ve posted the log contents here.

Is there a step missing from the instructions? Or have I done something wrong?

[philipnye]

This seems to specifically be a npm issue where the directory is located in Google Drive on Windows: https://discuss.streamlit.io/t/npm-install-error/61717/5

As an upstream npm problem, and one unlikely to affect many users, this probably doesn't warrant mention in the docs, which had been my initial thought. Very content for this issue to be closed.