./src/components/index.js模块未找到:无法解析'./{Component}‘in '/src/components’

Question

在将所有文件从jsx更改为tsx后，将得到以下错误：

./src/components/index.js模块未找到:无法解析'/Users/khuongpham/WebFrontEnd/home/src/components‘中的“./Header”

​

​

Answer 1

您需要做正确的Webpack配置，在resolve属性下添加.tsx：

....

resolve: {
    extensions: ['.js', '.jsx', '.tsx']
}
....

FYI:如果您想要集成TypeScript进入反应，您仍然需要安装一些库和开发依赖关系，以便让Webpack和React发挥好作用。

Answer 2

如果您将所有文件从jsx更改为tsx，那么离开index.js的原因是什么？

你为什么不把它改成index.tsx或者至少index.ts

就我而言，ts和js不能直接交互。

如果您正在写入一个ts或tsx文件，并且希望导入一个js文件(或js库)，您将需要一个名为type declaration文件的东西，在大多数情况下可以在这里找到：https://microsoft.github.io/TypeSearch/

在您的例子中，您试图从typescript导入javascript，这可能就是问题所在。将index.js更改为index.ts可能会有所帮助。