./src/components/index.js找不到模塊：無法解析“ / src / components”中的“ ./{Component}”

Question

在將所有文件從jsx更改為tsx ，出現以下錯誤：

./src/components/index.js找不到模塊：無法解析“ / Users / khuongpham / WebFrontEnd / home / src / components”中的“ ./Header”

Answer 1

您需要進行正確的Webpack配置 ，在resolve屬性下添加.tsx ：

....

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

僅供參考：看來，如果要將TypeScript集成到React中 ，仍然需要安裝一些庫和開發依賴項才能使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 /

在您的情況下，您正在嘗試從javascript導入typescript ，這可能是問題所在。 將index.js更改為index.ts可能會有所幫助 。