TypeScript 错误“找不到模块的声明文件”-无法修复

Question

I'm normally able to resolve this error easily enough, but this time nothing seems to work.

My main.ts file has this:

import locale from 'element-ui/lib/locale/lang/en';

The error:

ERROR in /Volumes/SuperData/Sites/reelcrafter/rc-ts/src/main.ts
6:20 Could not find a declaration file for module 'element-ui/lib/locale/lang/en'. '/Volumes/SuperData/Sites/reelcrafter/rc-ts/node_modules/element-ui/lib/locale/lang/en.js' implicitly has an 'any' type.
  Try `npm install @types/element-ui` if it exists or add a new declaration (.d.ts) file containing `declare module 'element-ui';`
    4 | import store from './store';
    5 | import ElementUI from 'element-ui';
  > 6 | import locale from 'element-ui/lib/locale/lang/en';
      |                    ^
    7 | import VueDragDrop from 'vue-drag-drop';
    8 | import './styles/element-setup.scss';
    9 | import './bootstrap/amplify-setup';
No lint errors found
Version: typescript 3.0.1, tslint 5.11.0

In my declarations.d.ts at root level, I added the following:

declare module 'element-ui';

This doesn't fix it. Nor does declare module 'element-ui/*'; . How do I fix it?

Reproduction repo: https://github.com/ffxsam/repro-element-ts-bug

Answer 1

创建一个名为shims-element-ui.d.ts的声明文件，内容如下：

 declare module 'element-ui/*';