vue+typescript错误集

背景

Vue + TypeScript

《Vue+webpackDevMiddleware+TypeScript》记录了Vue+TypeScript开发环境的搭建过程。本篇文章记录开发过程中遇到的各类报错问题及解决办法，以供参考。

问题

• TS1192

  TS1192: Module '"d:/dev/gitlab/seccloud/security-cloud-web/src/script/base"' has no default export.

  解决办法
  待解决

• ts(2732)

  Cannot find module '../../product/moduleList.json'. Consider using '--resolveJsonModule' to import module with '.json' extensionts(2732)

  解决办法
  json文件使用require

• TS2339

  Property '$Confirm' does not exist on type 'ResourcePoolPage'.

  解决办法
  在src\vue-shims.d.ts文件里加入如下代码，声明$Confirm：

  import Vue from 'vue'
  import Confirm from './components/confirm/index'
  declare module 'vue/types/vue' {
    interface Vue {
      $Confirm: Confirm
    }
  }

• TS2307

  Cannot find module './App.vue'.

  解决办法
  待解决

• 组件无法使用v-model

  解决办法
  待解决

• Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead

  打包生产文件时，报错。
  解决办法
  更新组件extract-text-webpack-plugin，我更新至4.0.0-beta.0，就OK了。

  npm install extract-text-webpack-plugin@next --save-dev