Vite Build 命令挂在“模块已转换”处。在Vue 3.3.4、Vite 4.3.8环境下

Question

“您好，我目前正在使用 Vue 3.3.4、Vuetify 3.2.5 和 Vite 4.3.8 开发一个项目。当我运行 vite build 命令时，该过程似乎挂起并且未完成。最后的输出我看到的是：

\n

\xe2\x9c\x93 679 modules transformed.\n

\n

在这行代码之后，没有发生任何其他事情，并且构建过程也不会完成。我尝试在网上寻找解决方案，但没有找到任何可以解决此特定问题的内容。

\n

以下是有关我的环境的一些其他详细信息：

\n

\n
• 操作系统：macOS 13.3.1 (a)(22E772610a)
\n
• Node.js 版本：18.15.0
\n

\n

此外，我的 package.json 文件中的所有包都是最新的：

\n

  "dependencies": {\n    "@casl/ability": "^6.2.0",\n    "@casl/vue": "^2.2.0",\n    "@floating-ui/dom": "^1.2.7",\n    "@mdi/font": "^7.0.96",\n    "@vueuse/core": "^10.1.2",\n    "@vueuse/math": "^10.1.2",\n    "axios": "^1.4.0",\n    "axios-mock-adapter": "^1.21.2",\n    "firebase": "^9.19.1",\n    "jwt-decode": "^3.1.2",\n    "pinia": "^2.0.24",\n    "postcss": "^8",\n    "postcss-sorting": "^8.0.2",\n    "prismjs": "^1.29.0",\n    "sass": "^1.56.1",\n    "stylelint-order": "^6.0.3",\n    "vue": "^3.2.45",\n    "vue-flatpickr-component": "^11.0.3",\n    "vue-i18n": "^9.2.2",\n    "vue-prism-component": "^2.0.0",\n    "vue-router": "^4.1.5",\n    "vue3-perfect-scrollbar": "^1.6.0",\n    "vuetify": "^3.0.3",\n    "webfontloader": "^1.6.28"\n  },\n  "devDependencies": {\n    "@antfu/eslint-config-vue": "^0.38.5",\n    "@fullcalendar/core": "^6.1.6",\n    "@fullcalendar/daygrid": "^6.1.6",\n    "@fullcalendar/interaction": "^6.1.6",\n    "@fullcalendar/list": "^6.1.6",\n    "@fullcalendar/timegrid": "^6.1.6",\n    "@fullcalendar/vue3": "^6.1.6",\n    "@iconify-json/mdi": "^1.1.35",\n    "@iconify/tools": "^2.1.2",\n    "@iconify/vue": "^4.1.1",\n    "@intlify/unplugin-vue-i18n": "^0.10.0",\n    "@types/node": "^18.7.18",\n    "@types/webfontloader": "^1.6.34",\n    "@typescript-eslint/eslint-plugin": "^5.43.0",\n    "@typescript-eslint/parser": "^5.43.0",\n    "@vitejs/plugin-vue": "^4.2.1",\n    "@vitejs/plugin-vue-jsx": "^3.0.1",\n    "eslint": "^8.38.0",\n    "eslint-config-airbnb-base": "^15.0.0",\n    "eslint-config-prettier": "^8.8.0",\n    "eslint-import-resolver-typescript": "^3.5.1",\n    "eslint-plugin-import": "^2.26.0",\n    "eslint-plugin-promise": "^6.0.1",\n    "eslint-plugin-sonarjs": "^0.19.0",\n    "eslint-plugin-unicorn": "^46.0.0",\n    "eslint-plugin-vue": "^9.10.0",\n    "firebase-tools": "^12.0.0",\n    "postcss-html": "^1.5.0",\n    "prettier": "^2.8.7",\n    "stylelint": "^15.6.1",\n    "stylelint-config-idiomatic-order": "^9.0.0",\n    "stylelint-config-standard-scss": "^9.0.0",\n    "stylelint-use-logical-spec": "^5.0.0",\n    "type-fest": "^3.2.0",\n    "typescript": "^5.0.4",\n    "unplugin-auto-import": "^0.15.3",\n    "unplugin-vue-components": "^0.24.1",\n    "vite": "^4.3.4",\n    "vite-plugin-pages": "^0.29.0",\n    "vite-plugin-vue-layouts": "^0.8.0",\n    "vite-plugin-vuetify": "^1.0.2",\n    "vue-tsc": "^1.0.9"\n  }\n

\n

如果有人在这些软件包中遇到过类似的问题，或者有一些突出的潜在问题，我将非常感谢您的见解。再次感谢你！”

\n

\n
• 在将所有软件包更新到最新版本之前，我没有遇到此问题。
\n
• 我尝试删除 node_modules 并重新安装软件包。
\n
• vite --host 命令按预期工作。
\n

\n

Answer 1

只需将 vue 降级为 vue@^3.2，将 pinia 降级为 pinia@^2.0