@e-y

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Nuxt.jsをインストールすると、ディレクトリが一部無い

Q&A

Closed

解決したいこと

Nuxt.jsをインストールすると、記事で紹介されたディレクトリが一部無い。
原因、改善方法がつかめないため、分かる方がいればお教えいただきたいです。

参考記事
【完全ガイド】ゼロからしっかり理解したい人向けのNuxt.js入門 開発準備

発生している問題・エラー

インストールした際に、以下のディレクトリが無い
・assets
・layouts
・middleware
・plugins

自分で上記のディレクトリを新規追加しても、記事通りの動作にならずエラーが発生するため、記事通りのディレクトリ構成の状態でインストールしたい。

自分で試したこと

・Nuxt.jsのバージョンが記事と違うか確認
→記事と同じv2.15.7

・公式のインストール方法を複数実行
→yarn、npx、npmのいずれの方法でも同じ結果に

・インストールした際の質問事項の確認
→全て記事と同じ返答を行ったがダメ・・・

1 likes

1Answer

create-nuxt-app のリポジトリに同様の質問がありました。 https://github.com/nuxt/create-nuxt-app/issues/808

回答によれば、ご質問のディレクトリはデフォルトでは作られなくなったようです。現時点で create-nuxt-app は v3.7.1 ですが、記事では v3.5.1 を使っているので以前の構成のままなのでしょう。

古い create-nuxt-app を使うには npx create-nuxt-app@3.5.1 nuxt-first でいけますが、手元で試したところ依存パッケージで無関係なエラーが出て先に進めませんでした。

% npx create-nuxt-app@3.5.1 nuxt-first
create-nuxt-app v3.5.1
✨  Generating Nuxt.js project in nuxt-first
? Project name: nuxt-first
(略)
? Version control system: Git
Trace: ReferenceError: ejs:1
 >> 1| <%_ if (isWindows === true) { _%>
    2| command_exists () {
    3|   command -v "$1" >/dev/null 2>&1
    4| }

isWindows is not defined
1Like

Comments

  1. @e-y

    Questioner

    ご返答ありがとうございます!
    npx create-nuxt-app@3.5.1 nuxt-firstとすると、私の環境でも同様のエラーが生じました。

    となると、新しいディレクトリの構成で進めていくしか無さそうですね・・・
  2. layouts については layouts ディレクトリを作って default.vue を作ればそれだけで読み込まれます。
    他のディレクトリも必要に応じて作ればよさそうです。 nuxt.config.js の設定が必要になる場合もあるので、ディレクトリ構造についてのマニュアルを読んでみてください。

    https://ja.nuxtjs.org/docs/2.x/directory-structure/layouts
  3. @e-y

    Questioner

    ありがとうございます!
    試してみます!

Your answer might help someone💌