nuxtの新規プロジェクトが作成できない
解決済
回答 1
投稿
- 評価
- クリップ 0
- VIEW 873
前提・実現したいこと
nuxtでアプリケーションを作ろうとし、新規プロジェクトを作成したとこと下記のようなエラーが出てしまい、解決方法がわかりません。
発生している問題・エラーメッセージ
ERROR Failed to compile with 1 errors friendly-errors 22:56:25
ERROR in ./.nuxt/client.js friendly-errors 22:56:25
Module build failed (from ./node_modules/babel-loader/lib/index.js): friendly-errors 22:56:25
Error: [BABEL] /Users/matsudanaoyuki/projects/nuxt-async/.nuxt/client.js: Package exports for '/Users/matsudanaoyuki/projects/nuxt-async/node_modules/@babel/helper-compilation-targets' do not define a '.' subpath (While processing: "/Users/matsudanaoyuki/projects/nuxt-async/node_modules/@nuxt/babel-preset-app/src/index.js")
at applyExports (internal/modules/cjs/loader.js:485:15)
at resolveExports (internal/modules/cjs/loader.js:508:12)
at Function.Module._findPath (internal/modules/cjs/loader.js:577:20)
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:879:27)
at Function.Module._load (internal/modules/cjs/loader.js:785:27)
at Module.require (internal/modules/cjs/loader.js:956:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object.<anonymous> (/Users/matsudanaoyuki/projects/nuxt-async/node_modules/@babel/preset-env/lib/debug.js:8:33)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1103:10)
at Module.load (internal/modules/cjs/loader.js:914:32)
at Function.Module._load (internal/modules/cjs/loader.js:822:14)
at Module.require (internal/modules/cjs/loader.js:956:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object.<anonymous> (/Users/matsudanaoyuki/projects/nuxt-async/node_modules/@babel/preset-env/lib/index.js:11:14)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
friendly-errors 22:56:25
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 22:56:25
ℹ Waiting for file changes 22:56:25
ℹ Memory usage: 122 MB (RSS: 187 MB)
該当のソースコード
package.json
{
"name": "nuxt-async",
"version": "1.0.0",
"description": "My pioneering Nuxt.js project",
"author": "naoyuki matsuda",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
},
"dependencies": {
"nuxt": "^2.1.1"
},
"devDependencies": {
"@babel/core": "^7.8.0",
"@babel/preset-env": "^7.8.0",
"babel-loader": "^8.0.6",
"webpack": "^4.41.5"
}
}
試したこと
npm install -D babel-loader @babel/core @babel/preset-env webpack
こちらとcore.jsは入れ直しましたが、変化はありませんでした。
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
checkベストアンサー
0
①ターミナル を開く
プロジェクトを作りたい場所に移動する。(自分はDesktop)
②cd Desktop
③npx create-nuxt-app プロジェクト名
④色々質問に答える。
⑤自動で作られ、今回はDesktop上にプロジェクトファイルが出来上がる。
⑥ターミナル上でのディレクトリがプロジェクトファイルを指していると思うので、そこで、npm run devを入力する。
(移動してなかったら、cd プロジェクト名で移動してから、npm run devを実行する)
これで、正しく起動するか確認できると思っております。
こちらの手順では、うまくいきましたでしょうか?
一度やってみていただいて、うまくいったらそれでよいと思います。
うまくいかなければ、もしかしたら既存のプロジェクトファイルの中に、新規プロジェクトファイルを作ろうとしているのかもしれません。
私から、助言できることといえばこのくらいですが、ぜひ試していただいて、成功することを祈っております。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう!
- ただいまの回答率 88.23%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
質問への追記・修正、ベストアンサー選択の依頼
退会済みユーザー
2020/01/12 23:19
エラーが出ているのは.nuxt/client.jsですので、こちらの内容を質問に追記してください
naoy10
2020/01/13 01:21
https://www.dropbox.com/scl/fi/m819pgssbsfi1qdhxgp6k/client.jsclient.js.gdoc?dl=0&rlkey=gl21xm7old305dtqvoqxofavm
記事の文字数オーバーのためこちらにファイルを置かせていただきました。
よろしくお願いいたします。
dameo
2020/01/14 11:12
新規プロジェクトを作成した方法を正確に記述してください。