[解決済み] Laravel Spark v4.0.9で「Vue packages version mismatch」エラーを修正するにはどうすればいいですか?
2022-02-17 03:53:34
質問
を実行すると
npm run dev
をLaravel Spark v4.0.9のアプリで実行すると、以下のエラーが発生します。
Module build failed: Error:
Vue packages version mismatch:
- [email protected]
- [email protected]
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
私の
package.json
はこのようになります。
{
"private": true,
"scripts": {
"dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"dependencies": {
"axios": "^0.15.2",
"bootstrap": "^3.0.0",
"cross-env": "^3.2.3",
"jquery": "^2.1.4",
"js-cookie": "^2.1.0",
"laravel-mix": "0.*",
"moment": "^2.10.6",
"promise": "^7.1.1",
"sweetalert": "^1.1.3",
"underscore": "^1.8.3",
"urijs": "^1.17.0",
"vue": "~2.0.1",
"vue-resource": "^1.2.0",
"vue-router": "^2.2.1",
"vue-truncate-filter": "^1.1.6",
"vuejs-datepicker": "^0.6.2"
},
"devDependencies": {
"browser-sync": "^2.18.8",
"browser-sync-webpack-plugin": "^1.1.4"
}
}
私は以下を試しました(順番ではなく、異なるタイミングで)。
-
削除
node_modules
とnpm install
-
を実行してみました。
yarn
とyarn upgrade
-
削除
vue-loader
と再インストール - vueとvue-template-compilerのバージョンを正確に指定し、npmにインストールさせたりyarnに依存関係を調べさせたりするのではなく、vueとvue-template-compilerのバージョンを正確に指定する。
- 必要でないパッケージ(vue-router, vue-truncate-filter, vuejs-datepicker)を削除し、上記をすべて再試行します。
- 壁に頭をぶつけながら
解決方法は?
私はこれでうまくいきました。
-
修正
package.json
:“vue”: “^2.0.8", “vue-template-compiler”: “^2.1.8"
-
削除
node_modules
-
実行
npm install
関連
-
[解決済み】CypressとJestは併用した方がいい?
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
[解決済み] npm run dev」「npm run watch」はどのようなスクリプトですか?
-
[解決済み] オブジェクトのリストからオブジェクトを選択するBootstrap vue b-form-select
-
_this.axios is not a functionの原因と解決方法
-
フロントエンドインタビューの質問まとめ
-
vue3 が axios エラーを導入する 未定義または null をオブジェクトに変換できない
-
プロジェクトノート ---- TypeErrorに遭遇しました。"_vm.xxxxxx は関数ではありません"
-
[解決済み】TypeError: this.getOptions は関数ではありません。
-
[解決済み】Vue.jsでv-onにイベントと引数を渡す。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Vue.js Chrome DevtoolsがVue.jsを検出しないのはなぜですか?
-
[解決済み] Vue 2.0でコンポーネント自身を削除する方法
-
_this.axios is not a functionの原因と解決方法
-
vue リクエストエラー Uncaught (プロミス内)
-
[解決済み] Vuex - 計算されたプロパティ "name "が割り当てられたが、セッターを持たない
-
vue springboot reports error DOMException: XMLHttpRequest'の'send'の実行に失敗しました。ロードに失敗しました
-
[解決済み】名前空間が設定された2つのVuexモジュール間でアクションをディスパッチする方法はありますか?
-
[解決済み】@clickとv-on:clickの違い Vuejs
-
[解決済み】Vuejs:ルート変更時のイベント
-
[解決済み] vuejs ルータのオプションのパラメータ