HarmonyOS 鸿蒙Next DevEco Studio中新建一个.ets文件后自动产生.js文件的原因思考

HarmonyOS 鸿蒙Next DevEco Studio中新建一个.ets文件后自动产生.js文件的原因思考 自己新建了个.ets文件，运行完毕后自动产生了同名的.js文件，项目开始报错。跟踪错误时会跳转到.js文件里面。

经过反复测试，推断是.ets文件里面的export default语句写到了文件末尾。系统会认为是JS语法，所以自动产生了.js文件。

删除JS文件，同时把export default写到了struct前面。重新运行项目。问题消失。也没有再产生JS文件出来。

故得出上面的推断结果。

菜鸟言论，请江湖上大侠斧正。

6 回复

编译问题，

  • 问题描述:

    • 在编译项目时遇到错误。

  • 环境:

    • 操作系统: Windows 10
    • 编译工具: GCC 9.3.0

  • 错误信息:

    error: undefined reference to 'function_name'

  • 解决方法:

    1. 确保所有源文件都已添加到项目中。
    2. 清理并重新编译项目。

更多关于HarmonyOS 鸿蒙Next DevEco Studio中新建一个.ets文件后自动产生.js文件的原因思考的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


@Entry @Component export default struct PageGame {…}

看了你这帖子，才处理这样写了，3Q

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

老版本的语法是写在末尾的。

struct MyComponent {…}
export default Mycomponent

意思是之前export default没有写在struct前面，那写在哪里的啊，我看项目都是写在struct前面的啊。

在HarmonyOS开发中，使用DevEco Studio新建一个.ets文件时，会自动生成一个对应的.js文件。这是因为.ets文件是鸿蒙系统提供的用于开发UI的模板文件，基于TypeScript语法，而.js文件则是TypeScript编译后的JavaScript文件，用于实际运行。

.ets文件主要用于定义UI结构和逻辑，但由于鸿蒙系统的运行时环境并不直接支持TypeScript，因此需要将.ets文件编译为JavaScript文件，以便在设备上执行。DevEco Studio在创建.ets文件时，会自动触发TypeScript编译过程，生成对应的.js文件，确保代码能够在鸿蒙系统中正常运行。

此外，.js文件的生成也是为了方便调试和运行。开发者可以直接在模拟器或真机上运行.js文件，查看UI效果和交互逻辑，而无需手动编译.ets文件。这种自动生成机制简化了开发流程，提高了开发效率。

总结来说，DevEco Studio在创建.ets文件时自动生成.js文件，是为了将TypeScript代码编译为JavaScript，确保其能够在鸿蒙系统中运行，并简化开发调试流程。

回到顶部