我正在用webpack和typescript构建一个react应用程序。我正在使用依赖项 react-financial-charts
,并且已在中正确指定 package.json
里面有以下两个文件夹 node_modules
: @react_financial_charts
及 react_financial_charts
.
但是,当我在代码和编译中使用该库时,会出现以下错误。
ERROR in ./node_modules/@react-financial-charts/utils/lib/index.js 2:0-27
Module not found: Error: Can't resolve './withSize' in 'C:\Users\Username\project\node_modules\@react-financial-charts\utils\lib'
Did you mean 'withSize.js'?
我检查了此错误消息中描述的文件夹,其中包含该文件 withSize.js
. 有什么好处?
我的 webpack.config.js
其中包括:
resolve: {
extensions: [".tsx", ".ts", ".js"],
},
我的 index.tsx
包含:
import React from "react";
import ReactDOM from "react-dom";
import Chart from "./StockChart"
ReactDOM.render(<Chart />, document.getElementById("root"));
哪里 StockChart.tsx
驻留在同一目录中,并从以下位置复制粘贴:https://github.com/reactivemarkets/react-financial-charts/blob/master/packages/stories/src/features/stockchart.tsx
我按照这些说明设置react+webpack+typescript项目(注意,我后来添加了 react-financial-charts
遵循以下说明后的依赖关系):
https://www.newline.co/@bespoyasov/how-to-create-a-react-typescript-application-from-scratch--676bd120
1条答案
按热度按时间jtoj6r0c1#
固定的!
这个问题非常类似于https://github.com/webpack/webpack/issues/11467.
因此,我只需将此添加到
webpack.config.js
(根据module
及rules
):