0

我今天打开了我的旧项目，看到了这些奇怪的警告：

ERROR in src/App.tsx:13:17
TS2307: Cannot find module './App.module.css' or its corresponding type declarations.
    11 | import { Layout, Breadcrumb } from 'antd'
    12 | import Header from './components/Header/Header'
  > 13 | import css from './App.module.css'
       |                 ^^^^^^^^^^^^^^^^^^
    14 | import { ROUTES } from './constants/routes'
    15 | import Menu from './components/Menu'
    16 |

ERROR in src/components/common/FormsControls/FormsControls.tsx:2:17
TS2307: Cannot find module './FormsControls.module.css' or its corresponding type declarations.
    1 | import { FC, MouseEvent } from 'react'
  > 2 | import css from './FormsControls.module.css'
      |                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    3 | import commonCss from '../styles.module.css'
    4 | import { Field, WrappedFieldProps } from 'redux-form'
    5 | import cn from 'classnames'

其中还有很多文件格式为 svg、png 等。我所有的软件包现在都是最新版本。以前没有这样的问题，有没有人可以帮忙解决这个问题而不必与 webpack 斗争？

4

1 回答 1

0

创建一个名为declarations.d.ts（您可以将其命名为任何您想要的名称）的文件
有时必须重新加载您的 IDE，但并非总是如此。

// declarations.d.ts
declare module '*.css';
declare module '*.scss';
declare module '*.svg';
// etc ...

TypeScript 不知道除了 .ts 或 .tsx 之外的文件，因此如果导入的文件后缀未知，它会报错，所以在这种情况下，我们明确告诉编译器我们的意思是加载一个可以具有以下内容的模块扩展名。

于 2021-12-26T10:11:19.927 回答