uni-app编译到鸿蒙时 static下app开头的文件未编译到文件夹下包括app-harmony

操作步骤：

启鸿蒙运行编译

预期结果：

app、app-harmony文件夹不应该忽略

实际结果：

app、app-harmony文件夹都忽略了

bug描述：

uniapp编译到鸿蒙，static下app开头的文件夹都没编译到文件夹下，包括app-harmony、app、及app*等

ionicwang 1楼•4 天前

感谢反馈，已发现这个问题，后续有消息给您反馈

更多关于uni-app编译到鸿蒙时 static下app开头的文件未编译到文件夹下包括app-harmony的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

ionicwang 2楼•4 天前

在将uni-app编译到鸿蒙（HarmonyOS）平台时，如果static目录下以app开头的文件（例如app-harmony）未能正确编译到输出文件夹下，这可能是由于编译配置或文件路径处理不当导致的。以下是一些可能的解决方案，通过代码和配置示例来说明如何确保这些文件被正确包含和编译。

1. 检查`manifest.json`配置

首先，确保在manifest.json中正确配置了鸿蒙平台的编译选项。特别是mp-harmony相关的配置，这包括了资源文件的包含路径。

{
  "mp-harmony": {
    "app-plus": {
      "distribute": {
        // 其他配置...
      },
      "usingComponents": true,
      "compilerVersion": "2.2.3", // 确保使用支持鸿蒙的版本
      "platform": "harmony"
    },
    "usingComponents": {},
    "permission": {}
  }
}

2. 修改`vue.config.js`或`webpack.config.js`

如果manifest.json的配置不足以解决问题，你可能需要自定义webpack配置来确保特定文件被复制或处理。以下是一个简单的webpack配置示例，用于复制static/app-harmony目录到输出目录：

const path = require('path');

module.exports = {
  configureWebpack: config => {
    config.plugins.push(
      new CopyWebpackPlugin({
        patterns: [
          {
            from: path.resolve(__dirname, 'static/app-harmony'),
            to: path.resolve(__dirname, 'dist/static/app-harmony'), // 确保输出路径正确
            toType: 'dir'
          }
        ]
      })
    );
  }
};

注意：CopyWebpackPlugin需要作为依赖安装：npm install copy-webpack-plugin --save-dev。

3. 检查文件路径引用

确保在代码中正确引用了这些文件。例如，如果你有一个图片资源app-harmony/logo.png，你应该这样引用它：

<image src="/static/app-harmony/logo.png"></image>

或者，在JavaScript/Vue文件中：

const logoPath = '/static/app-harmony/logo.png';

总结

通过上述步骤，你应该能够确保static目录下以app开头的文件（如app-harmony）被正确编译和复制到鸿蒙应用的输出目录中。如果问题仍然存在，建议检查uni-app和HarmonyOS SDK的文档，以及社区和论坛中的相关讨论，以获取更具体的解决方案或工作绕过方法。

uni-app编译到鸿蒙时 static下app开头的文件未编译到文件夹下 包括app-harmony