web-dev-qa-db-ja.com

npx create-react-appを使用してreactをインストールできませんか?

Npx create-reactアプリを使用しようとしていますが、以下に示すエラーがあります。

npm ERR! Unexpected end of Json input while parsing near
'...eact-app/-/create-rea'

npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\dp\AppData\Roaming\npm-cache\_logs\2018-12-06T18-42-56-293Z-debug.log

Install for create-react-app@latest failed with code 1** 

エラーのログファイルはこちらです...!

どうすればこの問題を取り除くことができますか?

0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',

1 verbose cli   
'C:\\Users\\dp\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',

1 verbose cli   'install',

1 verbose cli   'create-react-app@latest',

1 verbose cli   '--global',

1 verbose cli   '--prefix',

1 verbose cli  
'C:\\Users\\dp\\AppData\\Roaming\\npm-cache\\_npx\\3588',

1 verbose cli   '--loglevel',

1 verbose cli   'error',

1 verbose cli   '--json' ]

2 info using [email protected]

3 info using [email protected]

4 verbose npm-session 7862701600d4f4ce

5 silly install loadCurrentTree

6 silly install readGlobalPackageData

7 http fetch GET 304 

https://registry.npmjs.org/create-react-app 872ms (from cache)

8 silly fetchPackageMetaData error for create-react-app@latest
Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea'

9 timing stage:rollbackFailedOptional Completed in 4ms 10 timing
stage:runTopLevelLifecycles Completed in 1693ms 11 verbose stack
SyntaxError: Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea' 11 verbose stack     at JSON.parse
(<anonymous>) 11 verbose stack     at parseJson
(C:\Users\dp\AppData\Roaming\npm\node_modules\npm\node_modules\json-parse-better-errors\index.js:7:17)
11 verbose stack     at consumeBody.call.then.buffer
(C:\Users\dp\AppData\Roaming\npm\node_modules\npm\node_modules\node-fetch-npm\src\body.js:96:50)
11 verbose stack     at process._tickCallback
(internal/process/next_tick.js:68:7) 12 verbose cwd C:\Users\dp 13
verbose Windows_NT 6.3.9600 14 verbose argv "C:\\Program
Files\\nodejs\\node.exe"
"C:\\Users\\dp\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js"
"install" "create-react-app@latest" "--global" "--prefix"
"C:\\Users\\dp\\AppData\\Roaming\\npm-cache\\_npx\\3588" "--loglevel"
"error" "--json" 15 verbose node v10.13.0 16 verbose npm  v6.4.1 17
error Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea' 18 verbose exit [ 1, true ]
5
zanjan_citizen

問題を解決するには、これらのコマンドを順番に実行します

npm init
npm install create-react-app
npx create-react-app myapp
23
Qalib Abbas

Npmキャッシュを消去します。

npm cache clean --force

その後、もう一度お試しください

6
BOOMHUNK

同じ問題が発生しました「create-react-app @ latestのインストールがコード7で失敗しました」これを使用してください。それは私のために働いた。

npm install -g create-react-app    
npx create-react-app my-app     
cd my-app      
npm start     

詳細については、次を参照してください: https://www.techomoro.com/how-to-install-and-setup-a-react-app-on-windows-10/

2
Amal K George

これは私のために働いた!!

まず、npm initでpackage.jsonファイルを作成する必要があります

次にnpx create-react-app myapp

1

公式ソースからのコマンドを使用したときに、反応プロジェクトの作成で同じ問題が発生しました https://reactjs.org/docs/create-a-new-react-app.html#create-react-app

npx create-react-app my-app
cd my-app
npm start

上記のコマンドは私のウィンドウでは機能しません。私のマシンにはNode> = 6 and npm> = 5.2があります。それでもlocalhost:3000を開くことができないので、このコマンドを使用しました

npm install -g create-react-app
create-react-app my-app-name
cd my-app-name
npm start

それは完全にうまくいきました。私は https://www.youtube.com/watch?v=pCgDRgmfilE から学びました

1
Raman Kumar

管理者としてWindows PowerShellを実行し、次のように入力します。

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

0
reyhane

commond npx crate-react-appを実行すると、このエラーが発生します。どうすればよいですか?お願いします

:not foundram Files/nodejs/npm:3:/ mnt/c/Program Files/nodejs/npm::not foundram Files/nodejs/npm:5:/ mnt/c/Program Files/nodejs/npm:/ mnt/c/Program Files/nodejs/npm:6:/ mnt/c/Program Files/nodejs/npm:構文エラー:予期しないWord( "in"が必要です)

0
Faramarz

[〜#〜] npm [〜#〜][〜#〜] npx [〜#〜]を理解しましょう最初 :

[〜#〜] npm [〜#〜]-Node Package Managerを表します。 NPMは世界最大のソフトウェアレジストリです。すべての大陸のオープンソース開発者がnpmを使用してパッケージを共有および借用し、多くの組織がnpmを使用してプライベート開発も管理しています。

[〜#〜] npx [〜#〜]-この構文に続くnpmパッケージバイナリの実行に使用されます。

npx [options] <command>[@version] [command-arg]...

ここで、<command>は、ローカルnode_modules/.binまたは中央キャッシュから実行され、を実行するために必要なパッケージをインストールします。

そうは言っても、

解決策npx create-react-app my-appを使用して、システムにcreate-react-appをインストールします。

上記の例では、コマンドが実行されたパス内にreactアプリのボイラープレートが生成されます。npxは、<command>$PATHまたはローカルプロジェクトに存在するかどうかを確認しますバイナリ、そしてそれを実行します。

参照とヘルプのためにこれらのリンクをたどってください:

  1. [〜#〜] npx [〜#〜]
  2. Facebookのcreate-react-appに関するドキュメント
0
js__