NuxtJsでプロジェクトを作成時にエラー

Question

前提・実現したいこと

閲覧ありがとうございます。
Windows10でNuxtJsでプロジェクトを作成しようとしています。
? Package manager: Yarnとしたときにエラーが発生しました。
? Package manager: Npmで解決しましたが、エラーの原因が知りたいです。

該当のソースコード

コマンドプロンプトでの実行結果

C:\Users\naqr\NuxtProject>npx create-nuxt-app nuxtproject

create-nuxt-app v3.7.1
✨  Generating Nuxt.js project in nuxtproject
? Project name: nuxtproject
? Programming language: TypeScript
? Package manager: Yarn
? UI framework: Tailwind CSS
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Linting tools: ESLint
? Testing framework: Jest
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Static (Static/Jamstack hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Continuous integration: None
? Version control system: None
'yarn' �́A�����R�}���h�܂��͊O���R�}���h�A
����”\�ȃv���O�����܂��̓o�b�` �t�@�C���Ƃ��ĔF������Ă��܂���B


- Installing packages with yarnTrace: Error: spawn yarn ENOENT
    at notFoundError (C:\Users\naqr\AppData\Roaming\npm-cache\_npx\12736\node_modules\create-nuxt-app\node_modules\sao\node_modules\cross-spawn\lib\enoent.js:6:26)
    at verifyENOENT (C:\Users\naqr\AppData\Roaming\npm-cache\_npx\12736\node_modules\create-nuxt-app\node_modules\sao\node_modules\cross-spawn\lib\enoent.js:40:16)
    at ChildProcess.cp.emit (C:\Users\naqr\AppData\Roaming\npm-cache\_npx\12736\node_modules\create-nuxt-app\node_modules\sao\node_modules\cross-spawn\lib\enoent.js:27:25)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:282:12) {
  code: 'ENOENT',
  errno: 'ENOENT',
  syscall: 'spawn yarn',
  path: 'yarn',
  spawnargs: [ 'install' ]
}
    at C:\Users\naqr\AppData\Roaming\npm-cache\_npx\12736\node_modules\create-nuxt-app\lib\cli.js:55:17
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

C:\Users\naqr\NuxtProject>node -v
v14.18.1

Answer 1

こういうことだそうです。

How to fix the installing packages with yarn trace error spawn yarn enoent error
Leave a Comment / Vue.js / By Giedrius

大事な説明は以下の通りです。リンク先の公式ページでも警告を入れています。

ne of those configurations asks what development tools you want to use. And there are two options: either yarn or npm. As the npm is already on the system (because we need npm to even start creating Nuxt.js), choosing npm will install the needed modules. However, if you choose the yarn, another package manager, then you will need to have yarn installed. And in case there is no yarn installed globally, you will get this error:

要は既にnpmを利用している状態でyarnを使うとパッケージの呼び出しで衝突を起こすということだそうです。なので、npmでyarnをリインストールすると解決できるとあります。

ちなみに最初からyarnだけを使用するのであれば問題は発生しません。

Comments

[hplpjpd]

回答頂き、ありがとうございました、理解できました。
検索する力を上げるよう心がけます。