react+typescript中使用wangeditor的坑

在react+typescript中使用富文本wangeditor

第一步：安装

npm install wangeditor --save-dev

第二步：引入

import E from 'wangeditor'

这里会提示你要安装 npm install @types/wangeditor，执行这行代码一直报404找不到这个依赖包，这个时候我们就要去 .d.ts 文件中去适配

第三步：配置.d.ts文件

declare module '*.css' {
   
  const styles: any;
  export = styles;
}

declare module '*.jpg' {
   
  const jpgs: any;
  export = jpgs;
}

declare module '*.png' {
   
  const pngs: any;
  export = pngs;
}

declare module '*.gif' {
   
  const gifs: any;
  export = gifs;
}

declare module '*.json' {
   
  const json: any;
  export = json;
}
declare module 'wangeditor' {
   
  const wangeditor: any