更新 Vuetify 后损坏的项目

Question

我已通过运行 npm uninstall --save vuetify 然后 npm run install --save vuetify@latest 将 Vuetify 从版本 2.2.x 更新到版本 2.4.6。它以前是使用 vue add vuetify 安装的，现在为该项目提供服务时会发出这些错误消息

 error  in ./node_modules/vuetify/lib/locale/fi.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/locale/fi.js'

 @ ./node_modules/vuetify/lib/locale/index.js 13:0-37 13:0-37
 @ ./node_modules/vuetify/lib/presets/default/index.js
 @ ./node_modules/vuetify/lib/services/presets/index.js
 @ ./node_modules/vuetify/lib/services/index.js
 @ ./node_modules/vuetify/lib/framework.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/vuetify/lib/locale/sk.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/locale/sk.js'

 @ ./node_modules/vuetify/lib/locale/index.js 30:0-37 30:0-37
 @ ./node_modules/vuetify/lib/presets/default/index.js
 @ ./node_modules/vuetify/lib/services/presets/index.js
 @ ./node_modules/vuetify/lib/services/index.js
 @ ./node_modules/vuetify/lib/framework.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/vuetify/lib/mixins/mobile/index.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/mixins/mobile/index.js'

 @ ./node_modules/vuetify/lib/components/VBanner/VBanner.js 11:0-41 18:30-36
 @ ./node_modules/vuetify/lib/components/VBanner/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/vuetify/lib/mixins/roundable/index.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/mixins/roundable/index.js'

 @ ./node_modules/vuetify/lib/components/VSheet/VSheet.js 9:0-47 15:69-78
 @ ./node_modules/vuetify/lib/components/VSheet/index.js
 @ ./src/views/Home.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/vuetify/lib/util/dateTimeUtils.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/util/dateTimeUtils.js'

 @ ./node_modules/vuetify/lib/components/VCalendar/VCalendarWeekly.js 16:0-54 122:13-23
 @ ./node_modules/vuetify/lib/components/VCalendar/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/plugins/vuetify.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/vuetify/lib/util/dom.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: ENOENT: no such file or directory, open '/Users/user/projects/my-project/node_modules/vuetify/lib/util/dom.js'

 @ ./node_modules/vuetify/lib/components/VTextField/VTextField.js 25:0-46 416:17-29 464:17-29
 @ ./node_modules/vuetify/lib/components/VTextField/index.js
 @ ./src/views/RestaurantNew/Step1.vue
 @ ./src/router/restaurantManagementRoutes.js
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.69:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

有办法解决这个问题吗？看起来我必须以某种方式为新的 Vuetify 版本清除和重新配置 webpack and/or babel-loader，而不必迁移我的其他项目文件。我对 webpack 和 babel 都不熟悉

Answer 1

您应该有一个 package.lock.json 文件。删除它，并删除 node_modules 文件夹。重新运行 npm install 并再次尝试构建

更新 Vuetify 后损坏的项目

Broken project after updating Vuetify

upgrade

webpack

vuejs2

vuetify.js