無法導入模塊為打字稿

Question

我有這樣的文件夾結構：

src\
   components\
     Home\
       index.tsx
   redux\
     reducer.ts
   index.tsx

在./index.tsx

在有

export const App = <p> Hello World </p>

當我嘗試import { App } from ../index.tsx reducer.js import { App } from ../index.tsx說App is undefined

但是，如果我import Home from '../components/Home'則效果很好。

可能是什么問題？

Answer 1

import { App } from ../index ？ 您應該導入js而不是jsx 。 我想是將其編譯並存儲在您的.jsx文件旁邊。 您也可以更新webpack配置以直接導入jsx，在這種情況下不確定是否可以選擇。