将Vue组件添加到TypeScript中

Question

我正在使用Vue.js和Typescript，并尝试导入我的App.vue。这是我的app.ts：

import App from './App.vue'
import Vue from 'vue'
import router from './router/index'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

new Vue({
  el: '#app',
  router,
  components: { App }
})

使用“ tsc app.ts”时，出现错误消息：

error TS2307: Cannot find module './App.vue'.

10 import App from './App.vue'

在我的webpack.config.js中，.enableTypeScriptLoader（）已取消注释。我的tsconfig.json看起来像这样：

{
  "compilerOptions": {
    // this aligns with Vue's browser support
    "target": "es5",
    // this enables stricter inference for data properties on `this`
    "strict": true,
    // if using webpack 2+ or rollup, to leverage tree shaking:
    "module": "es2015",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "watch": true,
    "types": ["node"]
  }
}

我到底没有得到什么？如您所知，我对TypeScript还很陌生

Answer 1