概述
在 React 应用中依赖基本上是通过 yarn 或者 npm 进行安装的,但是在看源码的过程中,有的时候想要去调试,或者说打印一些数据,如果可以在本地的 React 应用里面依赖本地的 React 仓库,那么就可以进行上述的操作了。
yarn link
在 React 官方文档中的开发流程里面介绍了如何使用本地依赖库。
- 删除本地 React 项目中的
react
和react-dom
依赖 - 在本地的 React 源代码目录下运行
yarn build react/index,react-dom/index,scheduler --type=NODE
- 之后使用
yarn link
cd build/node_modules/react yarn link cd build/node_modules/react-dom yarn link
- 之后在本地 React 项目中运行
yarn link react react-dom
- 之后启动本地 React 项目即可
- 如果更改了源码之后只需要重新 build 即可
报错
在启动本地 React 项目的时候出现了以下报错
报错
发现缺少
react-jsx-dev-runtime.development.js
文件。之后 yarn build
的时候不加任何参数,尽管 build 失败,但是 build/node_modules/react/cjs
目录下存在 react-jsx-dev-runtime.development.js
文件,所以将其复制出来,之后再次执行
yarn build react/index,react-dom/index,scheduler --type=NODE
在将 react-jsx-dev-runtime.development.js
文件复制到 build/node_modules/react/cjs
目录下即可。