尝试将react select导入到使用create-rect应用程序创建的项目时出错

Question

yarn create react-app
yarn add react-select

我使用create-rect应用程序创建了一个react应用程序，效果很好。然后我想使用react select，所以我用yarn安装了它，添加了一个类似import Select from "react-select/src/Select";的导入语句

我得到了这个错误：

Failed to compile.
./node_modules/react-select/src/Select.js
SyntaxError: ~~~~node_modulesreact-selectsrcSelect.js: Unexpected token, expected "," (3:32)
1 | // @flow
2 | 
> 3 | import React, { Component, type ElementRef, type Node } from 'react';
|                                 ^
4 | import memoizeOne from 'memoize-one';
5 | import { MenuPlacer } from './components/Menu';
6 | import isEqual from './internal/react-fast-compare';

我可以看到type关键字导致了这个问题，并怀疑它与名为flow的东西有关，后者似乎是一个静态类型检查器。我该怎么做才能让它发挥作用？

Answer 1

就像一样导入

import Select from "react-select";

Answer 2

请注意：上面的import Select from "react-select";可能不够！

在我的例子中，在VSCODE中，有一些宏在被调用时会生成类似的内容

import { valueFocusAriaMessage } from 'react-select/src/accessibility'

注释掉/删除该行以解决语法错误问题。我强调这个问题，因为这行是在顶部添加的，而你可能没有注意到！当心