reactjs - App' 指的是一个值，但在这里被用作一个类型。你的意思是 'typeof App' 吗？

Question

我想边做边学 Typescript 和 React，所以我在我的 create-react-app 中手动从 JS 迁移到 TS，但我的默认测试文件App.test.ts:

import { render, screen } from '@testing-library/react';
import App from './App';

test('renders learn react link', () => {
  render(<App />); // There's an error here
  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
});

有这个错误:

'App' refers to a value, but is being used as a type here. Did you mean 'typeof App'?

Answer 1

使用 .tsx对于 JSX和 .ts对于非 jsx 文件。这是因为您使用的是 .ts带有 JSX 的文件的扩展名。要解决此问题，请将文件扩展名从 .ts 更改为至.tsx对于包含任何组件代码和逻辑的任何文件。这将启用 <App/>被解析为 JSX 而不是常规的 JavaScript/TypeScript。为我工作。