egg+vue+easywebpack+typescript报错can not bulid module：can find file xxxx.vue

前言

网上很多文章都是 如何利用 vue-cli 建造好项目后 然后修改成typescript模式 开发  

文章很多  这里不说了 不过提醒一个坑   

注意webpack的版本 否则  脚手架创建的项目还是webpack3  

而你后嫁接成ts的时候 你需要下载 ts-loader   最新的版本是4.6.1  哈哈  下完就不好使 因为 版本对不上了

脚手架的webpack太老了  所以你需要下载ts-loader@3.3.1

叫我雷锋  哈哈    我也是被这个启发的  关于后面的错的改正

 

正题

我用的easywebpack  他有ts的分支 不过如果你想把vue部分 也完全像上面说的 使用ts语法  真的很难改造

因为  easywebpack的webpack.config.js 有自己的语法  需要你自己去尝试 并且  网上参考很少   真的 信我

我出错的位置是 只要我在 vue文件的 script 标签上加入  lang=ts 后   里面的ts语法 就会报错

（这里我还用了vue-class-component 和 vue-property-decorator）

报错就是标题的错误

解决1

  讲ts里的内容复制出去  然后和vue文件同级目录建立ts文件  然后粘贴  然后利用script 的src去引入这个ts

(这里切记  路径不要忘了  ./   不要因为同级而忽略不写 否则找不到的)

解决2

  降低ts-loader的版本   这个也是无心插柳柳成荫    本来我是因为上面的启发 降到了3.3.1  结果还是不好使  我信息恢复回来吧

结果就下的4.0.0的 然后就 好使了  哈哈哈哈哈   后来我发现  框架默认的是下4.0.0往后最新的 ^4.0.0  其实我的是4.6.1 所以不好使

这里算是碰上了   所以提醒大家 还是要多尝试  

希望可以帮到你哦   请叫我雷锋

如果你觉得我帮到你了，买个肥宅快乐水，怎么样？哈哈哈哈哈哈