Unlayer EmailEditor导入到React Breaks应用程序中

Question

我正在尝试将Unlayer包括在我的React Application中：https://github.com/unlayer/react-email-editor。我正在为此使用Webpack。

但是，一旦我将EmailEditor导入到我的模块之一中

import React from 'react';
import EmailEditor from 'react-email-editor';

我得到一个错误：

Uncaught TypeError: Object(...) is not a function
    at Object.<anonymous>

我的环境：

  "dependencies": {
    "prop-types": "^15.6.0",
    "react": "^16.0.0",
    "react-email-editor": "^0.9.0",
    "react-load-script": "0.0.6",
    "styled-components": "^4.1.2"
  }

任何想法都可能导致这种不良的进出口吗？

Answer 1

styled-component的最新版本因React版本16.0.0而中断，因为它取决于新的上下文API。在React v16.3.0中引入了新的上下文API。

要解决此问题，您可以尝试以下方法之一。

1. 使用任何反应版本> = 16.3.0。

2. 使用styled-component的旧版本，该版本不需要新的react context API。新的上下文API在样式组件v4.0.0

中引入

请参阅使用react v16.0.0的损坏版本。 https://codesandbox.io/s/9l25580ppy

查看使用最新反应版本v16.6.3的工作版本 https://codesandbox.io/s/6lrv8zoj6r

查看使用较旧版本的样式化组件v3.4.10的工作版本 https://codesandbox.io/s/xvo2658j7w