找不到模块,您是说“*js”吗?

fbcarpbf  于 2021-09-23  发布在  Java
关注(0)|答案(1)|浏览(456)

我正在用webpack和typescript构建一个react应用程序。我正在使用依赖项 react-financial-charts ,并且已在中正确指定 package.json 里面有以下两个文件夹 node_modules : @react_financial_chartsreact_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

jtoj6r0c

jtoj6r0c1#

固定的!
这个问题非常类似于https://github.com/webpack/webpack/issues/11467.
因此,我只需将此添加到 webpack.config.js (根据 modulerules ):

{
        test: /\.m?js/,
        resolve: {
          fullySpecified: false
        }
      }

相关问题