前言
网上很多文章都是 如何利用 vue-cli 建造好项目后 然后修改成typescript模式 开发
文章很多 这里不说了 不过提醒一个坑
注意webpack的版本 否则 脚手架创建的项目还是webpack3
而你后嫁接成ts的时候 你需要下载 ts-loader 最新的版本是4.6.1 哈哈 下完就不好使 因为 版本对不上了
脚手架的webpack太老了 所以你需要下载[email protected]
叫我雷锋 哈哈 我也是被这个启发的 关于后面的错的改正
正题
我用的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 所以不好使
这里算是碰上了 所以提醒大家 还是要多尝试
希望可以帮到你哦 请叫我雷锋