如何在现有项目中安装React Canary版本？是否需移除现有版本？

不能共存，必须先移除已安装的React 18.3.1和React-Dom，再安装Canary版本，原因如下：

• React与React-Dom是强绑定的依赖对，版本必须完全匹配——不管是稳定版还是Canary测试版，混用不同版本会直接导致运行时异常，比如Hook调用失败、组件渲染崩溃等核心问题。
• 包管理器（npm/yarn/pnpm）虽然允许同一包的多版本共存，但项目运行时只会加载其中一个版本，最终必然出现版本不匹配的兼容性问题。

具体操作步骤 #

1. 移除现有稳定版：

# 使用npm
npm uninstall react react-dom

# 使用yarn
yarn remove react react-dom

# 使用pnpm
pnpm remove react react-dom

2. 安装Canary版本：

# 使用npm
npm install react@canary react-dom@canary

# 使用yarn
yarn add react@canary react-dom@canary

# 使用pnpm
pnpm add react@canary react-dom@canary

额外注意事项 #

• 安装完成后，可查看package.json确认版本号格式为Canary标识（如18.3.0-canary-388686f29-20230503）
• 第三方依赖库可能未适配Canary版本的API变动，测试时需重点排查兼容性问题

内容的提问来源于stack exchange，提问作者Jetro Olowole