TS2307: Cannot find module 'vue'.

Question

在ts+vue+babel7+webpack4的项目中，
引用vue编辑器会报红，提示：TS2307: Cannot find module 'vue'.

import Vue from 'vue';

webpack里的别名已经配置好，

resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
            '@': path.join(__dirname, '..', 'src')
        },
        extensions: ['.ts', '.js', '.vue', '.json']
    },

这是哪里还没配置吗

Answer 1

是因为tsconfig.js配置有问题，照着webpack中文官网配的是

"target": "es5",                
"module": "es6"

这个配置有问题，改成

"target": "es5",                
"module": "commonjs"

即可。

Answer 2

楼主，可以用 vue-cli3 创建一个 ts相关的项目工程，看看目录结构及文件，就应该知道缺少什么了

相关文章可以参考：https://juejin.im/post/5d22b1...
相关项目工程可以参考: https://github.com/cklwblove/...

Answer 3

记得写申明文件

// src/xxx.d.ts
declare module "*.vue" {
  import Vue from "vue";
  export default Vue;
}