是否可以将 Vue 3 编译/构建到 Vue 2 项目中？

Question

我正在尝试使用 Vue 3 打字稿创建新项目，但我想将此项目用于我现有的 Vue 2，为什么要使用它？因为我需要对网站进行全面改造，但是要改造这个需要时间，而且你知道产品经理希望这些东西早点发布？？？？？？？？？ 所以我不能通过 rewrite 完全改造，它会是每个阶段

我的方法是在 Vue 3 上制作组件，然后构建它以在 Vue 3 项目上定义

这可能吗？或者有什么办法可以解决这个问题？

Answer 1

不，你不能在 Vue 2 项目中使用 Vue 3 组件，但你可以做相反的事情。使用 Vue 3 migration build 在 Vue 3 项目中启用 Vue 2 组件。此构建的设计目的是逐步将您的 Vue 2 项目迁移到新版本，这听起来像是您正在尝试做的事情。

如果在 Vue 3 项目中，在安装对 Vue 2 有对等依赖的 Vue 2 NPM 包时（例如vue-select），你会遇到如下安装错误：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: vue3-with-vue-select@0.1.0
npm ERR! Found: vue@3.2.3
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"2.x" from vue-select@3.12.2
npm ERR! node_modules/vue-select
npm ERR!   vue-select@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

要解决错误，请使用--force 标志：

npm install --force --save vue-select