electron中使用es6语法版的程序不在少数,使用vscode调试又是大多数人的选择。那么,大多数新人面临的错误提示就是Unexpected token import。如何解决这个问题呢?

目前来说,答案只有一个:babel。但是估计在未来的发展过程中,就不会有类似的提示了。毕竟,时代在进步嘛,babel的时代肯定是会过去的。但是,目前来说,就不得不面对利用babel转换语法的问题。

苏南大叔: es6 版 electron 程序 vscode 调试,babel 转换方案 - electron-babel
es6 版 electron 程序 vscode 调试,babel 转换方案(图8-1)

本文的测试环境:win10babel系统包的版本号是:

  • babel-core@6.26.3
  • babel-loader@6.4.1
  • babel-preset-es2015@6.24.1
  • babel-register@6.26.0

适用问题截图

本文主要侧重于渲染进程里面的es6语法,进行讲述的,并没有涉及主进程中的es6相关处理事宜。适用的情况为Unexpected token import。截图如下图所示:

苏南大叔: es6 版 electron 程序 vscode 调试,babel 转换方案 - unexpected token
es6 版 electron 程序 vscode 调试,babel 转换方案(图8-2)

相关文章

下面是苏南大叔提供的两篇相关文章:

苏南大叔: es6 版 electron 程序 vscode 调试,babel 转换方案 - debug-final-works
es6 版 electron 程序 vscode 调试,babel 转换方案(图8-8)

总结

当然babel的转换方案并不止这两个,大家都知道现在的js世界翻天覆地的太过于厉害。所以,相关的方案就还是有很多很多了。本篇文章仅仅是抛砖引玉,以后碰到好的方案。苏南大叔会再补充,敬请期待。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   babel    electron

本站的忠实读者小伙伴,正在阅读下面这些文章: