我正在使用 babel-register 在节点环境中使用 ES6 类，并希望使用带有 ReactDomServer 的require( file_path ) 动态加载和渲染 React 组件，但它向我显示以下错误：

“不变违规：renderToStaticMarkup()：您必须传递有效的 ReactElement。”

我只是想用 react 和 create-react-app 启用服务器端渲染。

我编写了一个 server/index.js 文件，它应该返回一个简单的反应组件作为字符串。

应该渲染的组件只是每个人从 create-react-app 获得的示例组件：

在我的 package.json 中，我有以下命令来使用命令yarn server或npm run server使用 babel-node 启动服务器：

但我仍然收到以下错误：

如果我从组件中删除 svg，我会收到另一个错误：

我已经用 babel-register 尝试了 babel 钩子，但也没有成功。

当使用带有 express 的 create-react-app 时，将我的 server.js 和所有依赖项转换为 vanilla javascript 的好方法是什么？

我正在尝试使用 react-router-4 设置服务器渲染反应。虽然它在前端（Webpack）上工作得很好。在服务器端使用时似乎preact-compat不起作用。我正在使用babel-register转换代码。

我这里有一个分支供参考： https ://github.com/abrcenas29/preact-sandbox-v0/tree/wip/isomorphic-react

跑步： yarn run install yarn run start:prod

去localhost:3100

所以我得到了一个需要全局安装的包，它需要用户定义的反应组件并呈现它们。我使用babel-register并定义：

我的package.json文件如下所示：

现在因为那些用户定义的 react 组件有时存在于没有.babelrc安装或任何包的地方，我真的很想使用已经全局安装的包依赖项。当您在全局安装我的包时，我试图避免安装这些依赖项。虽然不确定如何。

我检查了 node_module 文件夹并在那里安装了所有依赖项：

我得到这个错误：Couldn't find preset "es2015" relative to directory。

在本地安装可以，但我不能使用 bin 绑定和我想添加的其他一些功能。

我试图玩弄ignoreoronly选项，但没有成功。

所以我猜：

问题

如何导入反应组件并从远离我自己的文件夹的文件夹中对它们进行 babelfy，该文件node_modules夹可能没有安装任何依赖项而不会出现错误？

更新

事实证明，您可以将绝对路径传递给babel-register调用：

这似乎可行，但现在该应用程序抱怨无法找到react:Error: Cannot find module 'react'即使它在依赖项中。

更新#2

所以找不到react的错误与明显导入react的组件有关。我想知道是否可以将导入语句重定向到我的全局文件夹？是的，你可以使用这个漂亮的插件：https ://github.com/Velenir/babel-plugin-import-redirect :)

如果我使用 babel-register，我可以将某些预设映射到某些扩展吗？或者所有预设都运行所有扩展。

例如，这有效：

但我真正想要的是这样的：

我查看了文档并尝试了一些排列，但我没有任何运气。有什么我想念的吗？

在我的 React 应用程序中，我想使用style-loader/css-loader和 Webpack 从另一个 Node 模块导入样式表react-quill- https://github.com/zenomaro/react-quill。不过，我显然没有正确配置它，因为我的应用程序抛出了错误

按照react-quill文档，我已使用将样式表导入到我的Quill.jsx组件中

和我的 Webpack 配置：

并查看我的bundle.js，我可以看到 Quill 样式表已包含在构建中。

最后，其中一个错误是指babel-register，我在开发中使用它来处理服务器端渲染的动态转译 - 它显示为

任何人都可以提供任何指导吗？

我只是按照教程' https://kleopetrov.me/2016/03/18/everything-about-babel/ '，

有两个文件：

当我运行节点 register.js

它没有打印出 Hello World，而是说：”

我哪里做错了？

这是一种奇怪的需求，但我认为这不是 X/Y 问题。我需要从我自己的工具中访问项目的 babel 相关依赖项和配置。我的工具可能是 devDep，或者全局安装，或者使用npx; 我没有办法知道。

我知道这可以做到，babel-register因为像这样的伟大工具babel-tape-runner做得很好。但是，就我而言，我不能只是require('babel-register')然后需要其他文件。我module._compile在引擎盖下使用。（在这种情况下，写出一个临时文件，运行它，然后取消链接并不是一个好的选择，因为它可能会发生数百或数千次。）

在将这些东西传递给之前，有什么方法可以使用用户的项目本地 Babel 配置和预设和插件对我从某处读入的一些代码进行 babelify module._compile？

我试图使用 require 挂钩来使用 Babel 将文件从 编译es5到es6. 不幸的是，运行后npm install babel-register --save-dev它仍然找不到模块。

我的 server.js 文件仅保留用于es5它需要index.js包含我所有导入的组件的es6.

我错过了什么package.json吗？

这是 webpack 配置文件

我的问题似乎是什么？

编辑

显然，babel-register 还没有准备好生产。我的替代方案是什么？如何编译es5以es6使其可用于生产？我可以只使用webpackand来做到这一点node吗？

我当前的项目（我的项目）中有很多代码需要在新项目中使用。这段代码是用 ES6 编写的，然后用 babel 转译。

我使用此共享代码创建了一个名为“my-module”的模块，并将其链接到“my-project”npm link

问题是当我启动项目时，“my-module”中的代码没有被转译，并在导入语句处引发错误。

my-module 中的代码将被大量编辑。如何使它起作用？

包.json

.babelrc