vue-cli3 typescript环境下引入anmiate.css,提示找不到

错误描述

项目使用typescript，使用anmate.css动画效果，通过npm安装，引入后，可以正常使用。但是idea报错，找不到模块，导致打包失败。

解决方案

在src\shims-vue.d.ts 添加declare module 'animate.css';

错误描述引用：https://blog.csdn.net/qq_38961015/article/details/103971327

具体项目中shims-vue.d.ts

declare module '*.vue' {
  import Vue from 'vue'; // 引用了type和value
  (// value是Vue构造器 type是Vue interface)
  export default Vue;
}
declare module 'echarts';
declare module 'qs';
declare module 'video.js';
declare module 'vue-seamless-scroll';
declare module 'js-cookie';
declare module '*.png';
declare module 'animate.css';
// declare module 'swiper';

declare module 模块的意思在于声明一个没有内部实现的module声明（ambient module）
在TypeScript编译器解析 import ‘aaa’ from xxx.vue 的时候，拿到node_modules/vue/目录下 index.d.ts 中export default出来的type和value，

type是Vue接口

value是 const Vue，这个常量的类型是VueConstructor

shims-vue.d.ts解析