无法导入模块为打字稿

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，在这种情况下不确定是否可以选择。