How to fix "'BROWSER' is not recognized as an internal or external command"?

Question

I am trying to run react-d3-tree-demo following this README.md at https://github.com/bkrem/react-d3-tree-demo

After following the other steps, I got stuck on the second step of trying to run the app locally. The command line returns an error: "'BROWSER' is not recognized as an internal or external command, operable program or batch file," when I try to execute "npm run dev" in the react-d3-tree-demo directory that I cloned from the same repo.

The README.md page instructs to run "npm run dev" in both the react-d3-tree and react-d3-tree-demo directories. I actually got an error when I did that command in the react-d3-tree directory where the command line said the linebreak was incorrect, but I went into the eslintrc.js file and added "'linebreak-style': 0," in the module exports which resolved the error. I've tried turning off my Avast antivirus software which was suggested on another page. Nothing has worked so far.

To reproduce my problem:

Demo: Clone this repo: git clone https://github.com/bkrem/react-d3-tree-demo.git cd react-d3-tree-demo Run yarn or npm install OR run bash ./setup.sh and skip to Running locally

React-D3-Tree library: Inside the react-d3-tree-demo directory, clone the library: git clone https://github.com/bkrem/react-d3-tree.git Run yarn or npm install

Running locally: Set up 2 terminal windows, one in the react-d3-tree-demo directory, the other in react-d3-tree-demo/react-d3-tree (i.e. the sub-directory into which we cloned the library itself) Run yarn dev/npm run dev in each Any changes made to the demo app or the library should now automatically rebuild the library and reload the app with the fresh build (via nodemon).

I expect the react app to open a page at localhost:8000 that looks like this: https://bkrem.github.io/react-d3-tree-demo/ however, I get a message from the command line that was detailed earlier. I'm not sure why they told me to clone react-d3-tree inside the demo, I'd appreciate any explanation of that also.

Answer 1

Do an npm install of cross-env in your cloned repo: npm install --save cross-env

Then in your cloned repo, open up package.json and change dev to this:

"dev": "cross-env BROWSER=none yarn clean:lib && webpack --progress --colors --watch --env dev",

Basically adding this to the beginning of the command: cross-env BROWSER=none

BROWSER is an environment variable, and you can use the cross-env package to properly handle it.

Now try running npm run dev again, and it should work.