如何合并 ReactJS 项目 svelte？或者如何将 .svelte 文件插入到 ReactJs 项目中？答案

【问题标题】：How to merge ReactJS project svelte? Or How to insert .svelte file into ReactJs project?如何合并 ReactJS 项目 svelte？或者如何将 .svelte 文件插入到 ReactJs 项目中？
【发布时间】：2019-12-08 13:08:02
【问题描述】：

如何合并 Svelte 和 ReactJs 的 node_module 项目依赖项？

我看过一些指南，展示了如何将 ReactJS 文件包含到 Svelte 应用中

<SvelteComponent this={First} {...this.props}/>

这会产生以下错误：

构造函数不是构造函数错误

【问题讨论】：

到目前为止你有什么尝试？
您说在 Svelte 中包含 React，但您是指在 React 应用程序中包含 Svelte 吗？你的例子让我这么想。
Cosmin Staicu ，我安装了一个基本的 react-app 并删除了 package-lock.json 文件并编辑了依赖项更改了开发依赖项 devDependencies": { "npm-run-all": "^4.1 .5”、“rollup”：“^1.12.0”、“rollup-plugin-commonjs”：“^10.0.0”、“rollup-plugin-livereload”：“^1.0.0”、“rollup-plugin-节点解析”：“^5.2.0”，“rollup-plugin-svelte”：“^5.0.3”，“rollup-plugin-terser”：“^4.0.4”，“svelte”：“^3.0. 0", "gh-pages": "^2.0.1" } 然后我运行 npm install --save react-svelte-component --force
Michael 我说我在 react-app 中包含了一个 .svelte 文件，项目编译但是当我将 SvelteComponent 导入 js 文件并尝试通过在 render(return() 中调用 SvelteComponent 的构造函数来运行 ) 方法无法识别构造函数

标签： reactjs svelte svelte-component

【解决方案1】：

Svelte 和 React 不兼容直接导入和使用其他框架组件。

当然可以在 React 应用程序中创建 Svelte 应用程序，反之亦然。

您必须像往常一样在其他应用程序中实例化该应用程序。 The Svelte docs 展示了如何将 Svelte 应用程序绑定到 DOM 节点，您可以将其包含在 React 组件中。确保您还在该组件内添加了 DOM 节点，例如 <div id="svelte-app" />。

【讨论】：

【解决方案2】：

这里是一个在 react 中包含一个苗条组件的例子。它是由 svelte 的 Rich Harris 的作者编写的：

https://github.com/Rich-Harris/react-svelte

【讨论】：