質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

npm依存関係の解消

tima0314
tima0314

総合スコア42

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

2回答

0グッド

0クリップ

310閲覧

投稿2022/10/31 15:30

前提

vue、firebaseを使ってwebサービスの開発中、

npm i

したら以下のエラーが

User@UserMacBook-Pro app-edit % npm i npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/compiler-sfc@3.0.2 npm ERR! Found: vue@2.6.10 npm ERR! node_modules/vue npm ERR! vue@"2.6.10" from the root project npm ERR! peer vue@"2.x || 3.x" from @sentry/vue@6.12.0 npm ERR! node_modules/@sentry/vue npm ERR! @sentry/vue@"^6.12.0" from the root project npm ERR! 4 more (@vue/babel-preset-app, @vue/test-utils, element-ui, vue-jest) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"3.0.2" from @vue/compiler-sfc@3.0.2 npm ERR! node_modules/@vue/compiler-sfc npm ERR! peerOptional @vue/compiler-sfc@"^3.0.0-beta.14" from @vue/cli-service@4.5.8 npm ERR! node_modules/@vue/cli-service npm ERR! dev @vue/cli-service@"^4.5.8" from the root project npm ERR! 3 more (@vue/cli-plugin-babel, @vue/cli-plugin-router, @vue/cli-plugin-vuex) npm ERR! @vue/compiler-sfc@"^3.0.0-beta.15" from vue-codemod@0.0.4 npm ERR! node_modules/vue-codemod npm ERR! vue-codemod@"^0.0.4" from @vue/cli@4.5.8 npm ERR! node_modules/@vue/cli npm ERR! dev @vue/cli@"^4.5.8" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@3.0.2 npm ERR! node_modules/vue npm ERR! peer vue@"3.0.2" from @vue/compiler-sfc@3.0.2 npm ERR! node_modules/@vue/compiler-sfc npm ERR! peerOptional @vue/compiler-sfc@"^3.0.0-beta.14" from @vue/cli-service@4.5.8 npm ERR! node_modules/@vue/cli-service npm ERR! dev @vue/cli-service@"^4.5.8" from the root project npm ERR! 3 more (@vue/cli-plugin-babel, @vue/cli-plugin-router, @vue/cli-plugin-vuex) npm ERR! @vue/compiler-sfc@"^3.0.0-beta.15" from vue-codemod@0.0.4 npm ERR! node_modules/vue-codemod npm ERR! vue-codemod@"^0.0.4" from @vue/cli@4.5.8 npm ERR! node_modules/@vue/cli npm ERR! dev @vue/cli@"^4.5.8" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /Users/user/.npm/eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! /Users/user/.npm/_logs/2022-10-31T14_31_30_167Z-debug-0.log

依存関係のエラーだとは思うのですが、以下の記事
https://teratail.com/questions/368923
のように、脆弱性によるものではないかと思い

npm audit

をすると以下の結果が」、

148 vulnerabilities (13 low, 47 moderate, 67 high, 21 critical)

hightとcriticalは直した方がいいと記事を読んだことがありますが、、、、、

的外れなことやってます??

実現したいこと、知りたいこと

・エラーの意味を理解していないので、教えてほしい。
・上記のエラーを解消する。
・無事に'npm i'を完了させる。

補足情報(FW/ツールのバージョンなど)

package.json

1{ 2 "name": "*****", 3 "version": "0.0.1", 4 "description": "*********", 5 "author": "**************", 6 "license": "None", 7 "private": true, 8 "scripts": { 9 "dev": "vue-cli-service serve", 10 "build:prod": "vue-cli-service build", 11 "build:stage": "vue-cli-service build --mode staging", 12 "preview": "node build/index.js --preview", 13 "lint": "eslint --fix --ext .js,.vue src", 14 "lint:ci": "eslint --ext .js,.vue src", 15 "test:unit": "jest --clearCache && vue-cli-service test:unit", 16 "test:ci": "npm run lint:ci && npm run test:unit", 17 "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml" 18 }, 19 "dependencies": { 20 "@sentry/tracing": "^6.12.0", 21 "@sentry/vue": "^6.12.0", 22 "apexcharts": "^3.20.0", 23 "array-tree-filter": "^2.1.0", 24 "axios": "0.18.1", 25 "browserslist": "^4.21.3", 26 "cors": "^2.8.5", 27 "dayjs": "^1.8.34", 28 "element-ui": "2.13.0", 29 "encoding-japanese": "^1.0.30", 30 "firebase": "^7.13.1", 31 "html2pdf.js": "^0.9.2", 32 "js-cookie": "2.2.0", 33 "lodash": "^4.17.19", 34 "normalize.css": "7.0.0", 35 "nprogress": "0.2.0", 36 "papaparse": "^5.2.0", 37 "path-to-regexp": "2.4.0", 38 "vue": "2.6.10", 39 "vue-apexcharts": "^1.6.0", 40 "vue-clipboard2": "^0.3.1", 41 "vue-i18n": "^8.22.4", 42 "vue-mq": "^1.0.1", 43 "vue-router": "3.0.6", 44 "vue-tel-input": "^5.5.0", 45 "vuex": "3.1.0" 46 }, 47 "devDependencies": { 48 "@babel/core": "^7.12.3", 49 "@babel/register": "7.0.0", 50 "@sentry/webpack-plugin": "^1.17.1", 51 "@vue/cli": "^4.5.8", 52 "@vue/cli-plugin-babel": "^4.5.8", 53 "@vue/cli-plugin-eslint": "^3.9.1", 54 "@vue/cli-plugin-unit-jest": "3.6.3", 55 "@vue/cli-service": "^4.5.8", 56 "@vue/test-utils": "1.0.0-beta.29", 57 "autoprefixer": "^9.5.1", 58 "babel-core": "7.0.0-bridge.0", 59 "babel-eslint": "10.0.1", 60 "babel-jest": "23.6.0", 61 "chalk": "2.4.2", 62 "connect": "3.6.6", 63 "core-js": "^3.6.5", 64 "eslint": "5.15.3", 65 "eslint-plugin-vue": "5.2.2", 66 "html-webpack-plugin": "3.2.0", 67 "mockjs": "1.0.1-beta3", 68 "node-sass": "^4.9.0", 69 "runjs": "^4.3.2", 70 "sass-loader": "^10.0.4", 71 "script-ext-html-webpack-plugin": "2.1.3", 72 "script-loader": "0.7.2", 73 "serve-static": "^1.13.2", 74 "svg-sprite-loader": "4.1.3", 75 "svgo": "1.2.2", 76 "vue-template-compiler": "2.6.10" 77 }, 78 "engines": { 79 "node": ">=12.16.1", 80 "npm": ">= 6.0.0" 81 }, 82 "browserslist": [ 83 "> 1%", 84 "last 2 versions" 85 ], 86 "volta": { 87 "node": "12.22.4" 88 } 89} 90

誰かお助けください。

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

maisumakun

2022/10/31 22:29

いったん、package-lock.jsonを別な名前にするなどして、ゼロからインストールを行ってみたらどうなりますか?
tima0314

2022/11/04 10:53

返信ありがとうがざいました。 package-lock.json再構築し、vue@2.7.13にアップグレードしたらエラー解消されました。 ありがとうがざいました!

回答2

0

返信ありがとうがざいました。
package-lock.json再構築し、vue@2.7.13にアップグレードしたらエラー解消されました。
ありがとうがざいました!

投稿2022/11/04 10:53

tima0314

総合スコア42

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

0

ベストアンサー

tima0314さんが利用しているVueのバージョンが2.6.10なのに対して、@vue/cli-serviceが内部的に利用している@vue/compiler-sfcが3.0.2であることを要求しているのでエラーがでています。

対策としては、@vue/cli-serviceがVue@2.6.10に対応しているバージョンまで下げる or Vueのバージョンを3.0.2に上げる等になります。(Vueのバージョンを上げることでこのエラーは解決するかもしれませんが、同じようなエラーが出る可能性はあります)

投稿2022/11/01 09:55

nonaka-shu

総合スコア45

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。