如何修复“Vue 包版本不匹配"?Laravel Spark v4.0.9 上的错误? [英] How do I fix a "Vue packages version mismatch" error on Laravel Spark v4.0.9?

问题描述

当我在 Laravel Spark v4.0.9 应用程序上运行 npm run dev 时，出现以下错误:

When I run npm run dev on a Laravel Spark v4.0.9 app, I get the following error:

Module build failed: Error:

Vue packages version mismatch:

- vue@2.0.8
- vue-template-compiler@2.2.6

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 看起来像这样:

My package.json looks like this:

{
  "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"
  }
}

我尝试了以下(在不同时间，不按顺序):

I have tried the following (at different times, not in order):

• 删除了node_modules和npm install
• 尝试只运行 yarn 和 yarn upgrade
• 删除 vue-loader 并重新安装
• 指定 vue 和 vue-template-compiler 的确切版本，而不是让 npm 来安装或用 yarn 来确定依赖项
• 删除其他非必要的包(vue-router、vue-truncate-filter、vuejs-datepicker)并再次尝试上述所有内容
• 头撞墙

推荐答案

这对我有用:

1. 修改package.json:

"vue": "^2.0.8",
"vue-template-compiler": "^2.1.8"

删除node_modules

这篇关于如何修复“Vue 包版本不匹配"?Laravel Spark v4.0.9 上的错误?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！