'npx create-react-app' error on Windows 10

 I am creating a new React app and get the following error.

npm ERR! Could not install from "Smith\AppData\Roaming\npm-cache\_npx\17420" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\John Smith\AppData\Roaming\npm-cache\_logs\2021-10-13T22_04_13_865Z-debug.log

This is because npx doesn't handle space in the user directory properly. Use the following command to get the short name of the user directory.

dir C:\Users /x

Then update the cache path.

npm config set cache "C:\Users\JOHNSM~1\AppData\Roaming\npm-cache" --global

See this post for other solutions.

Comments

Post a Comment

Popular posts from this blog

Changing default language in Visual Studio

In Visual Studio 2010 Professional (as well as other versions), when you set the initial profile to Web Development, the default language is set to VB for certain project types, such as Test Project. There is no obvious way to specify the programming language as you create a new project. You are not able to change the default setting at the usual places such as Tools | Options… or the project’s properties. The most common solution, as suggested in various forums including the quasi-official Visual C# Forums , is to go to Tools | Import and Export Settings… and select Reset All Settings. More elaborate schemes entail manually updating registry keys. There are many usability issues here. First of all, Import and Export Settings… is hardly the first place one would look for default language settings. Most likely you will have to search the Internet for an answer. Even if you are lucky to guess it right, most people would be taken aback by Resetting All Settings. What settings it will ...
Read more

Using Visual Studio Online with GitHub

Visual Studio Online (VSO) requires your Git repository to be hosted in the VSO cloud . In other words, you cannot specify an URL such as https://github.mycompany.com/product/project.git, even if you want to use your existing Git repository. One solution is to set up the local repository to track two remotes. The following are the steps, using Git Bash commands. First, you add Visual Studio Online as the second remote. Go to the CODE page of your project in VSO, click the 'Clone' link. You will see the Git URL. Copy and paste it into the command similar to the following. $ git remote add vso https://mycompany.visualstudio.com/DefaultCollection/_git/project Now you should see two remotes. $ git remote origin vso If you open the .git\config file, you should see two remote sections. ... [remote "origin"] url = https:// github.mycompany.com/product/project .git fetch = +refs/heads/*:refs/remotes/origin/* ... [remote "vso"] url =  https...
Read more

Viewing test results and artifacts captured with 'Test & Feedback' in Azure DevOps

Image
Microsoft's Test & Feedback  extension, which integrates with Azure DevOps, is a useful tool for manual exploratory testing. But finding test results and artifacts may not be obvious. Documentation is also lacking. Here are the steps. Select Test Plans , Runs . Double-click on the run result to open it. Select the  Test results tab, double-click on the test result. You can see summary information of the test result, as well as screenshots and screen recording you captured during the test.
Read more