REACTJS.NET SSR -对象不支持属性或方法“forwardRef”

Question

我正试图用REACTJS.NET in ASP.NET项目通过SSR呈现我的反应组件。

在用于SSR的JS文件中，我从simplebar-react包导入SimpleBar组件。这导致了错误TypeError: Object不支持属性或方法'forwardRef'。

我目前有2个JS文件，一个用于服务器，一个用于客户端。在中，我删除了添加事件侦听器和类似的内容。但是，我无法避免至少在两个JS文件中导入npm包。

知道我怎样才能避免这样的错误吗？

我正在使用Webpack + REACTJS.NET版本3.2.0。

Answer 1

所以，在尝试了很多事情之后，这是我遇到的最好的解决方案。在我开始之前，我知道有条件导入是在ECMA中引入的，但是它并不适用于我，或者至少，它们是我进行项目设置的方式。

基本上，我的解决方案是通过将ES6与CommonJS混合解决，并由Webpack和babel来解决。

在Webpack里，我正在创建一个插件：

​

​

在代码中，当我想导入Simplebar react组件时，我在构造函数中执行以下操作：

​

然后，每当我想使用导入的组件时，我会执行以下操作：

​

这是我找到的最好的方式，以便用SSR渲染。我认为这是可以的，因为服务器和客户端端的内容是相同的。

有谁知道更好的解决办法吗？还是你有顾虑？