You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

react-curved-text使用报错求助:编译成功但出现TypeError: Object(...) is not a function

排查react-curved-text "TypeError: Object(...) is not a function" 问题
  • 检查导入方式是否正确
    打开使用react-curved-text的组件文件,确认导入语句和库的导出方式匹配:

    • 若为默认导出:import CurvedText from 'react-curved-text'
    • 若为命名导出:import { CurvedText } from 'react-curved-text'
      这类错误常因导入方式与库的实际导出逻辑不匹配导致,比如误将默认导出当作命名导入使用。
  • 验证版本兼容性
    确认项目React版本与react-curved-text支持范围匹配:

    1. 查看package.json中react、react-dom的版本号
    2. 核对react-curved-text官方文档标注的兼容React版本
      若版本不匹配,尝试升级/降级其中一方,比如React 18项目搭配仅支持React 17的库易出现兼容性问题。
  • 重新安装依赖
    依赖缓存或安装不完整可能引发此类问题:

    1. 删除项目根目录下的node_modules文件夹和package-lock.json(或yarn.lock)
    2. 执行npm install(或yarn install)重新安装全部依赖
  • 检查TypeScript配置
    确保global.d.ts能被TypeScript正确识别:

    1. 打开tsconfig.json,确认include数组包含该文件:
      "include": [
        "src",
        "global.d.ts"
      ]
      
    2. 若库无自带类型定义,需在global.d.ts中正确声明模块:
      declare module 'react-curved-text' {
        import React from 'react';
        export interface CurvedTextProps {
          text: string;
          radius: number;
          // 添加你用到的其他属性类型
        }
        export default function CurvedText(props: CurvedTextProps): React.ReactElement;
      }
      
  • 核对组件使用逻辑
    确认CurvedText组件的props传递符合库的要求,遗漏必填属性或传递错误类型的参数,也可能间接触发这类函数调用错误。

内容的提问来源于stack exchange,提问作者Anna Vardaxoglou

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 14:45:24