无法导入模块是打字稿

Question

我有一个这样的文件夹结构：

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

在./index.tsx

在有

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

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