当我将Day组件导入Week组件(两个都是.tsx文件)时，出现以下错误:
未捕获错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件)，但得到:对象.
判断Week的渲染方法
白天tsx:
import React from 'react';
export default function Day () {
return (
<div>
I am day
</div>
)
}
周tsx
import React from 'react';
import Day from './Day'
export default function Week () {
return (
<div>
I am Week
<Day />
</div>
)
}
如果要从"周"组件中删除"天"，我可以在屏幕上看到"周"组件.
有什么 idea 吗？
将此添加到您的tsconfig.json
{
"compilerOptions": {
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"noFallthroughCasesInSwitch": true,
"jsx": "react-jsx"
},
"include": [
"src",
]
}
如果你正在使用webpack，这也可以解决这个问题
module.exports = {
//Rest of your code
resolve: {
extensions: ['.ts', '.tsx'],
},
};