无法从 tsx 文件导入函数

Question

我正在使用 react+typescript+webpack。

我正在尝试导入包 react-financial-charts 中包含的函数 drawOnCanvasHelper，我已经正确地安装了 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'.

我不明白这个错误信息，因为那个包里面的文件确实导出了那个函数。那么，如何正确导入此函数以在我的项目中使用？

Answer 1

看来，在 /packages/series/src/index.ts file 中，它们仅从 StackedBarSeries 组件

导出 StackedBarSeries 和 StackedBarSeriesProps

根据 link:

// 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 class 和 StackedBarSeriesProps 界面

希望我说得有道理

无法从 tsx 文件导入函数

Can't import function from tsx file

javascript

import

typescript

reactjs

webpack