react select error Uncaught error:元素类型无效

Question

我正试图将react select包含在我的项目中，但每当我使用select组件时，我都会收到此警告，然后出现错误：

警告：React.createElement:type无效--应为字符串(用于内置组件(或类/函数(用于复合组件(，但得到：object。

未捕获错误：元素类型无效：应为字符串(用于内置组件(或类/函数(用于复合组件(，但得到：对象。

我这样使用只是为了测试它：

import Select from 'react-select';
...
const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' },
];
<Select options={options} value={options[0]} />

我想这只是我安装方式上的一个简单错误，但我无法理解。我刚运行

npm install react-select

Webpack没有抱怨任何事情——我只是在呈现组件时在JS控制台中收到了错误。

在package.json:中

"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-select": "^3.1.0",

Answer 1

我通过将导入组件的文件扩展名从.mjs更改为.js 来解决这个问题