更新 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 和/或 babel-loader，而不必迁移我的其他项目文件。我对 webpack 和 babel 都不熟悉。

Answer 1

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