uni-app 使用cli创建vue3+ts+vite工程后使用hbuilderX编译到鸿蒙，编译失败报错信息如下

uni-app 使用cli创建vue3+ts+vite工程后使用hbuilderX编译到鸿蒙，编译失败报错信息如下

16:07:01.099 error during build:
16:07:01.099 Error: Cannot find module [@rollup](/user/rollup)/rollup-darwin-x64. npm has a bug related to optional dependencies (<https://github.com/npm/cli/issues/4828>). Please try `npm i` again after removing both package-lock.json and node_modules directory.
16:07:01.100     at requireWithFriendlyError (/Users/zhongyufei/Huawei/RN/uni-app-demo/node_modules/.pnpm/rollup@4.29.1/node_modules/rollup/dist/native.js:64:9)
16:07:01.100     at Object.<anonymous> (/Users/zhongyufei/Huawei/RN/uni-app-demo/node_modules/.pnpm/rollup@4.29.1/node_modules/rollup/dist/native.js:73:76)
16:07:01.100     at Module._compile (node:internal/modules/cjs/loader:1469:14)
16:07:01.100     at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)
16:07:01.100     at Module.load (node:internal/modules/cjs/loader:1288:32)
16:07:01.100     at Module._load (node:internal/modules/cjs/loader:1104:12)
16:07:01.100     at cjsLoader (node:internal/modules/esm/translators:346:17)
16:07:01.100     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:286:7)
16:07:01.100     at ModuleJob.run (node:internal/modules/esm/module_job:234:25)
16:07:01.100     at async ModuleLoader.import (node:internal/modules/esm/loader:473:24)
16:07:01.105 已停止运行...

更多关于uni-app 使用cli创建vue3+ts+vite工程后使用hbuilderX编译到鸿蒙，编译失败报错信息如下的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

mac m2电脑

更多关于uni-app 使用cli创建vue3+ts+vite工程后使用hbuilderX编译到鸿蒙，编译失败报错信息如下的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对您在使用uni-app通过CLI创建Vue3+TS+Vite工程后，使用HBuilderX编译到鸿蒙时遇到的编译失败问题，由于您没有提供具体的报错信息，我将基于一些常见的编译错误给出可能的解决方案和相关代码案例。请注意，这些案例是基于假设的错误情况，实际使用时需要根据具体的错误信息进行调整。

1. 配置检查

首先，确保您的manifest.json中配置了正确的鸿蒙平台信息。例如：

{
  "mp-huawei": { // 鸿蒙平台配置
    "appid": "your-huawei-appid", // 替换为您的鸿蒙应用ID
    "setting": {
      "urlCheck": false
    }
  }
}

2. 依赖安装

确保您已经安装了所有必要的依赖，特别是针对鸿蒙平台的依赖。如果您使用的是Vite，可能需要安装或更新一些插件以支持鸿蒙编译。例如，如果缺少针对鸿蒙的编译工具，可以尝试安装：

npm install @dcloudio/uni-mp-huawei --save-dev

3. 条件编译

在Vue3+TS项目中，使用条件编译来处理鸿蒙平台的特定代码。例如，在App.vue中：

<template>
  <view>
    <#if process.env.PLATFORM === 'mp-huawei'>
      <text>这是鸿蒙平台</text>
    <#else>
      <text>其他平台</text>
    </#if>
  </view>
</template>

<script lang="ts">
export default {
  name: 'App'
}
</script>

4. 编译脚本

检查package.json中的编译脚本是否正确配置。例如：

{
  "scripts": {
    "build:huawei": "vite build --mode production --target mp-huawei"
  }
}

然后，您可以运行：

npm run build:huawei

5. 调试与日志

如果上述步骤未能解决问题，建议查看HBuilderX的控制台输出，找到更详细的错误信息。同时，检查鸿蒙开发环境的日志，看是否有更具体的编译错误提示。

6. 清理与重建

有时候，清理项目并重新构建可以解决一些奇怪的编译问题。您可以尝试删除dist目录和node_modules，然后重新安装依赖并构建项目。

由于您未提供具体的错误信息，上述建议是基于常见问题的通用解决方案。如果问题依旧存在，请提供详细的错误信息，以便进一步分析和解决。

回到顶部