如何在Angular项目中接入React组件？react2angular配置后不生效如何解决

• 首先确认你使用的Angular版本：react2angular仅支持AngularJS（1.x版本），如果你使用的是Angular 2及以上的新版本，该工具不兼容，需要更换集成方案。
• 模块名称匹配校验：你代码中angular.module("myModule")是获取已存在的Angular模块，必须保证myModule和项目实际的主模块名称完全一致，否则组件不会注册成功。你可以在项目入口代码中找angular.module('模块名', [])的声明语句，将第一个参数替换到你的代码中即可。
• 入口文件加载校验：你新增的src/index.js未被项目构建工具纳入打包范围时，写的注册代码根本不会运行。你可以在该文件顶部添加console.log('入口文件已加载')，启动项目后打开浏览器控制台查看是否有对应输出，没有输出的话需要修改构建配置：如果是Angular CLI项目，打开angular.json，在architect.build.options.scripts数组中添加该文件的相对路径即可。
• 组件使用格式校验：AngularJS 不支持自定义组件自闭合写法，你写的<example api-url="123" token="456"/>需要改成<example api-url="123" token="456"></example>才能正常渲染。
• 版本兼容校验：如果你的项目安装的是React 18及以上版本，旧版react2angular存在兼容问题，可以先降级到React 17测试，执行命令npm install react@17 react-dom@17 --save即可。
• 简化测试排除参数问题：你当前的React组件没有使用传入的apiUrl、token参数，可以先简化配置排除参数干扰，将注册代码改成.component("example", react2angular(Example, []))，模板直接写<example></example>测试基础渲染是否正常。

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