时间戳

首页 > 解决方案 > 无法从 tsx 文件导入函数

javascript - 无法从 tsx 文件导入函数

问题描述

我正在使用反应+打字稿+ webpack。

我正在尝试导入drawOnCanvasHelperpackage 中包含的函数react-financial-charts，我已经正确安装了 npm。该函数从文件中导出：https ://github.com/reactivemarkets/react-financial-charts/blob/f5a2ab4b537652770c4ff8a1805678fb149861e9/packages/series/src/StackedBarSeries.tsx

我尝试以两种不同的方式导入它：

import { drawOnCanvasHelper } from "@react-financial-charts/series";

import { drawOnCanvasHelper } from "react-financial-charts";

但是，它们都生成相同的错误消息：

TS2305: Module '"react-financial-charts"' has no exported member 'drawOnCanvasHelper'.

TS2305: Module '"@react-financial-charts/series"' has no exported member 'drawOnCanvasHelper'.

我不明白这个错误消息，因为该包内的文件肯定会导出该功能。那么，如何正确导入此函数以在我的项目中使用？

标签： javascriptreactjstypescriptwebpackimport

解决方案

看来，在/packages/series/src/index.ts文件中，它们仅从组件中导出StackedBarSeries和导出StackedBarSeriesPropsStackedBarSeries

根据链接：

// index.ts
export * from "./AlternateDataSeries";
export * from "./AlternatingFillAreaSeries";
export * from "./AreaOnlySeries";
export * from "./AreaSeries";
export * from "./markers";
export * from "./LineSeries";
export * from "./CandlestickSeries";
export * from "./OHLCSeries";
export * from "./BarSeries";
export { StackedBarSeries, StackedBarSeriesProps } from "./StackedBarSeries";
export * from "./GroupedBarSeries";
export * from "./KagiSeries";
export * from "./PointAndFigureSeries";
export * from "./RenkoSeries";
export * from "./MACDSeries";
export * from "./BollingerSeries";
export * from "./RSISeries";
export * from "./StochasticSeries";
export * from "./ElderRaySeries";
export * from "./VolumeProfileSeries";
export * from "./ScatterSeries";
export * from "./StraightLine";
export * from "./SARSeries";

因此，您无法获得该drawOnCanvasHelper功能。虽然他们导出了函数，但它可能只用于内部开发人员 - 最终用户只能访问StackedBarSeries类和StackedBarSeriesProps接口

希望我说得通

推荐阅读