找不到模块，您的意思是“*js”吗？

Question

我正在使用 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

Answer 1

固定的！

这个问题与https://github.com/webpack/webpack/issues/11467非常相似。

所以我只需将其添加到webpack.config.js（在module和下rules）：

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