Question

我正在尝试使用此反应库（https://www.npmjs.com/package/react-toggle-component），并且使其难以工作。

我已经通过npm安装了所需的依赖项（react，react-circle，react-dom和样式组件）。安装完这些依赖项并尝试安装react-toggle-component后，出现错误“找不到模块'react'的声明文件”。尝试使用npm install @types/react（样式组件相同的错误）。因此，我遵循了此命令，并成功安装了react-toggle-component。

现在，当我尝试在我的react组件中使用该组件时，我正像在建议的用法中一样使用它：

import React from "react"

import Toggle from "react-toggle-component"

function Application() {

  return <Toggle name="toggle-1" />;

}

但是当我运行我的应用程序时，出现以下错误：

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

我不完全理解为什么我必须安装react和styled-components的类型定义，并且我想知道这是否导致我的应用程序找不到Toggle组件。

如果您能为我指明正确的方向，或者给予我任何帮助以了解这一点，我将不胜感激！

Answer 1

显然该文档是错误的。该组件似乎已作为命名导出导出，因此我必须使用以下命令导入：

import {Toggle} from "react-toggle-component"

按照此处的说明：https://github.com/facebook/react/issues/12214

访问react-toggle-component的依赖项

1 个答案: