1. ホーム
  2. vue.js

[解決済み] 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_modulesnpm install
  • を実行してみました。 yarnyarn upgrade
  • 削除 vue-loader と再インストール
  • vueとvue-template-compilerのバージョンを正確に指定し、npmにインストールさせたりyarnに依存関係を調べさせたりするのではなく、vueとvue-template-compilerのバージョンを正確に指定する。
  • 必要でないパッケージ(vue-router, vue-truncate-filter, vuejs-datepicker)を削除し、上記をすべて再試行します。
  • 壁に頭をぶつけながら

解決方法は?

私はこれでうまくいきました。

  1. 修正 package.json :

    “vue”: “^2.0.8",
    “vue-template-compiler”: “^2.1.8"
    
    
  2. 削除 node_modules

  3. 実行 npm install