Question

我正在尝试将 Vue Filemanager 安装到我的 package.json。但是，当我尝试使用 npm install 和 npm run dev 安装软件包时，出现此错误：

ERROR in ./resources/assets/js/file-manager/FileManager.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):


Vue packages version mismatch:

- vue@2.6.10 (/var/www/node_modules/vue/dist/vue.runtime.common.js)
- vue-template-compiler@2.6.14 (/var/www/node_modules/vue-template-compiler/package.json)

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.

我安装了 vue-loader 7.11.2（它是一个遗留项目）。我没有找到任何关于如何重新安装 vue-loader 的说明，但是单独升级 vue-template-compiler 不起作用。

我还尝试了以下解决方案：

https://github.com/vuejs/vue-loader/issues/470#issuecomment-292971628 没用
https://stackoverflow.com/a/43398218/2311074 无法使用，因为我的 vue 和 vue-template-compiler 版本更高
https://stackoverflow.com/a/51887838/2311074 同，版本太低
https://stackoverflow.com/a/48368175/2311074 无效
https://stackoverflow.com/a/63777607/2311074 也不起作用

这是我的 package.json

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "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",
    "watch-poll": "npm run watch -- --watch-poll",
    "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",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.19.0",
    "bootstrap-sass": "^3.4.1",
    "cross-env": "^5.2.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.4.1",
    "laravel-mix": "^5.0.0",
    "lodash": "^4.17.15",
    "resolve-url-loader": "^3.1.0",
    "sass": "^1.23.0",
    "sass-loader": "^8.0.0",
    "vue": "2.6.10",
    "vue-template-compiler": "^2.6.14"
  },
  "dependencies": {
    "ajv": "^6.10.2",
    "animate.css": "^3.7.2",
    "bloodhound-js": "^1.2.3",
    "bootstrap": "^3.4.1",
    "bootstrap-editable": "^1.0.1",
    "bootstrap-sweetalert": "^1.0.1",
    "bootstrap-switch": "^3.4.0",
    "bourbon": "^5.1.0",
    "clipboard": "^1.7.1",
    "codemirror": "^5.49.0",
    "d3": "^4.12.0",
    "daterangepicker": "^2.1.27",
    "dropzone": "^5.5.1",
    "echarts": "^3.8.5",
    "express": "^4.17.1",
    "flag-icon-css": "^2.9.0",
    "flat-social-icons": "0.0.1",
    "flipclock": "^0.8.2",
    "formatter": "^0.4.1",
    "google-maps": "^3.3.0",
    "intro.js": "^2.9.3",
    "jquery-countdown": "^2.2.0",
    "jquery-locationpicker": "^0.1.12",
    "jquery-ui": "^1.12.1",
    "jstree": "^3.3.8",
    "ladda": "^1.0.5",
    "laravel-file-manager": "~2.5.4",
    "moment": "^2.24.0",
    "nodejs-latest": "^1.1.0",
    "orgchart": "^2.1.7",
    "page-scroll-to-id": "^1.6.3",
    "parsleyjs": "^2.9.1",
    "plyr": "~3.6.5",
    "pnotify": "^3.2.1",
    "print-this": "^1.15.1",
    "sharer.js": "^0.3.8",
    "spin": "0.0.1",
    "summernote": "^0.8.12",
    "sweetalert": "^2.1.2",
    "sweetalert2": "^8.18.1",
    "switchery": "0.0.2",
    "typeahead": "^0.2.2",
    "vue-axios": "^2.1.5",
    "vue-router": "^3.1.3",
    "vuex": "^3.6.2",
    "webui-popover": "^1.2.18",
    "wowjs": "^1.1.3",
    "x-editable": "^1.5.1"
  }
}

任何想法如何解决这个问题？

Answer 1

vue 和 vue-template-compiler 必须具有相同的版本号。这也让我有些紧张。

如何从 vue-loader 修复 Vue 包版本不匹配？

1 个答案: