Vue + TypeScript 重构 vue-admin-element 小结

简单看了下 typescript 官网 的语法，就想借助一个项目实战下。这里选用了 vue-admin-element

附上源码地址： vue-element-admin-ts ,欢迎 star 或 fork

遇到的问题及解决方案

• Q: error TS7017: Index signature of object type implicitly has an 'any' type

  A: https://stackoverflow.com/que...

  或者在 tsconfig.json 文件的 compilerOptions 选项中添加

  "noImplicitAny": false

• Q: error TS2339: Property 'webkitURL' does not exist on type 'Window'

  A: https://stackoverflow.com/que...

  interface Window {    
      webkitURL?: any; 
  } 
  declare var window: Window;

• Q: Property 'context' does not exist on type 'NodeRequire'.

  A: https://github.com/rails/webp...

  npm i -D @types/webpack-env

• Q: 'this' implicitly has type 'any' because it does not have a type annotation

  A: https://stackoverflow.com/que...

• Q: 导入 .vue 时，为什么会报错，即使所写的路径并没有问题？

  A: 在 TypeScript 中，它仅识别 js/ts/jsx/tsx 文件，为了让它识别 .vue 文件，我们需要显式告诉 TypeScript，vue 文件存在，并且指定导出 VueConstructor：

  declare module '*.vue' {
    import Vue from 'vue'
    export default Vue
  }

• Q: TS2345: Argument of type 'string' is not assignable to parameter of type 'never'.

  A: 空的数组添加数据的时候，会有这个提示，解决方案： https://github.com/Microsoft/...

• Q: Property 'basePath' has no initializer and is not definitely assigned in the constructor.

  59 |   @Prop({required: true, default: {}}) public item: Route;
      60 |   @Prop({default: false}) public isNest: boolean;
    > 61 |   @Prop({default: ''}) public basePath: string;

• A: https://github.com/kaorun343/...
• Q: Object is possibly 'undefined'.

  A: https://stackoverflow.com/que...

• Q: Property '$refs' does not exist on type 'Element | Element[] | Vue | Vue[]'. Property '$refs' does not exist on type 'Element'.

  A: https://github.com/vuejs/vue-...

  https://juejin.im/post/5bd698...

  https://www.leevii.com/2018/1...