HarmonyOS 鸿蒙Next DevEco Studio的map文件和js文件是怎么自动产生的，如何删除？

HarmonyOS 鸿蒙Next DevEco Studio的map文件和js文件是怎么自动产生的，如何删除？ 如图，小白实在搞不懂这些事怎么来的，强迫症想要删除。百度又搜不到答案，太难了

cke_802.png


更多关于HarmonyOS 鸿蒙Next DevEco Studio的map文件和js文件是怎么自动产生的，如何删除？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

还好只有两个界面，我一个个地手动删掉了，就想搞明白到底怎么自动生成这些无用的文件的。做了三年的开发，这个现象从没碰到过，有点震惊

更多关于HarmonyOS 鸿蒙Next DevEco Studio的map文件和js文件是怎么自动产生的，如何删除？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


已知问题，预览编译时有小概率出现，已经在修复了，目前只能手动删除多余的文件，抱歉！

期望赶快修复吧 我这里现在是大概率出现，

我也碰到了相同的问题，希望赶快修复。

DevEco Studio 3.1.1 Release
Build Version: 3.1.0.501, built on June 20, 2023

Runtime version: 17.0.6+10-b829.5 aarch64

VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.

等修复吧。

我还因为这些文件编译时报错，和案例ArkTS代码一模一样的编译不通过，如下是报错文本：

‘ToDoItem({ content: item })’ does not meet UI component syntax.

源代码如下：

build() { 
  Column({ space: 16 }) { 
    Text($r('app.string.page_title'))
      .fontWeight(FontWeight.Bold)
      .textAlign(TextAlign.Start)
    ForEach(this.totalTasks, (item: string) => { 
      ToDoItem({ content: item })
    }, (item: string) => JSON.stringify(item))
  }
  .width('100%')
  .height('100%')
  .backgroundColor(Color.White)
}

删除了.js和.map文件之后好了

同样寻求原因和解决方案

在HarmonyOS开发中，使用DevEco Studio进行应用开发时，map文件和js文件是自动生成的。map文件是源映射文件，主要用于调试时将压缩后的js文件映射回原始的js代码，便于开发者调试。js文件则是通过TypeScript或JavaScript源码编译生成的，用于在鸿蒙设备上运行。

这些文件的自动生成是由DevEco Studio的构建系统完成的。当你在项目中编写TypeScript或JavaScript代码并保存时，DevEco Studio会自动编译这些代码，并生成对应的js文件。如果启用了调试功能，还会生成map文件。

要删除这些文件，可以直接在项目的build目录或dist目录中手动删除js和map文件。但请注意，删除这些文件后，如果需要重新调试或运行应用，DevEco Studio会再次自动生成它们。

如果你不希望生成这些文件，可以在项目的构建配置中禁用源映射文件的生成。具体方法是在build.gradle或相关构建配置文件中，将sourceMaps选项设置为false。这样，map文件将不会生成，但js文件仍然会生成，因为它们是应用运行所必需的。

回到顶部