使用流的 React 库会导致问题答案

【问题标题】：React library that uses flow causes issues使用流的 React 库会导致问题
【发布时间】：2019-12-09 12:08:34
【问题描述】：

我对 js 和反应比较陌生，所以请多多包涵！我使用create-react-app 开始了一个新项目并做出反应16.12.0。我安装了一个library，我猜它使用flow。尝试使用这个 (npm install) 库会给我以下 SynatError：

./node_modules/react-resize-aware/src/useResizeAware.js
SyntaxError: [...]\node_modules\react-resize-aware\src\useResizeAware.js: Unexpected token, expected "," (5:31)

  3 | import ResizeListener from './ResizeListener';
  4 | 
> 5 | const defaultReporter = (target: ?HTMLElement) => ({
    |                                ^
  6 |   width: target != null ? target.offsetWidth : null,
  7 |   height: target != null ? target.offsetHeight : null,
  8 | });

我觉得这是我这边的一个问题，或者至少我可以通过对项目的package.json 进行一些更改来解决这个问题。如果是这样，如果你能向我解释如何，我会很高兴。

//编辑：我尝试将flow 作为described here 添加到我的项目中，但它给了我同样的错误。有效的方法是将库的源代码复制到我的项目中，然后从这个本地版本中导入它。但我真的很想使用 npm 包，而不是自己维护本地版本的 lib。

非常感谢您！

【问题讨论】：

标签： javascript reactjs npm package.json

【解决方案1】：

愚蠢的我，我只是从错误的路径导入。我用过

import moduleName from "lib-name/src";

而不是

import moduleNamefrom "lib-name";

【讨论】：