Skip to content

taro4选择react-native-harmony模版后运行出错 #18699

@crise1993

Description

@crise1993

请先确认

  • 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关领域

None

使用框架

React

相关平台

  • 所有平台
  • Web 端(H5)
  • 移动端(React-Native)
  • 鸿蒙(Harmony)
  • 鸿蒙容器(Harmony Hybrid)
  • ASCF 元服务
  • 快应用(QuickApp)
  • 所有小程序
  • 微信小程序
  • 企业微信小程序
  • 京东小程序
  • 百度小程序
  • 支付宝小程序
  • 支付宝 IOT 小程序
  • 头条小程序
  • QQ 小程序
  • 钉钉小程序
  • 飞书小程序
  • 快手小程序

小程序基础库版本

No response

问题描述

taro4选择react-native-harmony模版后,安装@react-native-oh/react-native-harmony,可以正常启动。

Image

但是在taro app中扫码打开,运行页面后报错:

Image

复现链接

https://github.com/crise1993/taro-rn-hormany-template

复现步骤

  1. mac系统 taro init创建项目选择
    ? 请输入项目介绍 xxx
    ? 请选择框架 React
    ? 是否需要使用 TypeScript ? Yes
    ? 是否需要编译为 ES5 ? Yes
    ? 请选择 CSS 预处理器(Sass/Less/Stylus) Sass
    ? 请选择包管理工具 yarn
    ? 请选择编译工具 Webpack5
    ? 请选择模板源 Github(最新)
    √ 拉取远程模板仓库成功!
    ? 请选择模板 react-native-harmony

  2. 然后移除"react-native-harmony": "file:../react-native-harmony/rnoh-react-native-harmony-0.72.13.tgz"

  3. 然后安装@react-native-oh/react-native-harmony和@react-native-oh/react-native-harmony-cli

  4. 修改metro.config.js文件中,const { createHarmonyMetroConfig } = require('@react-native-oh/react-native-harmony/metro.config')后,运行yarn dev:rn,正常启动

  5. 在andriod的taro app中点击打开ip:8081的tab选项,加载页面,报错:

BUNDLE ./index.js

error: Error: Unable to resolve module ./src/app from /Users/xxx/Documents/fe/taro-hormany/node_modules/@tarojs/rn-supporter/entry-file.js:

None of these files exist:

  • node_modules/@tarojs/rn-supporter/src/app(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.less|.native.less|.less|.android.css|.native.css|.css|.android.pcss|.native.pcss|.pcss|.android.json|.native.json|.json|.android.styl|.native.styl|.styl|.android.cjs|.native.cjs|.cjs|.android.svgx|.native.svgx|.svgx)
  • node_modules/@tarojs/rn-supporter/src/app/index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.less|.native.less|.less|.android.css|.native.css|.css|.android.pcss|.native.pcss|.pcss|.android.json|.native.json|.json|.android.styl|.native.styl|.styl|.android.cjs|.native.cjs|.cjs|.android.svgx|.native.svgx|.svgx)

1 |
at ModuleResolver.resolveDependency (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:114:15)
at DependencyGraph.resolveDependency (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/node-haste/DependencyGraph.js:277:43)
at Object.resolve (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/lib/transformHelpers.js:173:21)
at Graph._resolveDependencies (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/DeltaBundler/Graph.js:482:35)
at Graph._processModule (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/DeltaBundler/Graph.js:267:38)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at Graph._addDependency (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/DeltaBundler/Graph.js:378:20)
at async Promise.all (index 0)
at Graph._processModule (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/DeltaBundler/Graph.js:328:5)
at Graph._traverseDependenciesForSingleFile (/Users/xxx/Documents/fe/taro-hormany/node_modules/metro/src/DeltaBundler/Graph.js:255:5)

环境信息

Taro v4.1.9


  Taro CLI 4.1.9 environment info:
    System:
      OS: macOS 15.5
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.18.1 - /Users/xxx/.nvm/versions/node/v20.18.1/bin/node
      Yarn: 1.22.22 - /Users/xxx/.nvm/versions/node/v20.18.1/bin/yarn
      npm: 10.8.2 - /Users/xxx/.nvm/versions/node/v20.18.1/bin/npm
    npmPackages:
      @tarojs/cli: 4.1.9 => 4.1.9 
      @tarojs/components: 4.1.9 => 4.1.9 
      @tarojs/components-rn: 4.1.9 => 4.1.9 
      @tarojs/helper: 4.1.9 => 4.1.9 
      @tarojs/plugin-framework-react: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-alipay: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-h5: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-jd: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-qq: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-swan: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-tt: 4.1.9 => 4.1.9 
      @tarojs/plugin-platform-weapp: 4.1.9 => 4.1.9 
      @tarojs/react: 4.1.9 => 4.1.9 
      @tarojs/rn-runner: 4.1.9 => 4.1.9 
      @tarojs/rn-supporter: 4.1.9 => 4.1.9 
      @tarojs/runtime: 4.1.9 => 4.1.9 
      @tarojs/runtime-rn: 4.1.9 => 4.1.9 
      @tarojs/shared: 4.1.9 => 4.1.9 
      @tarojs/taro: 4.1.9 => 4.1.9 
      @tarojs/taro-loader: 4.1.9 => 4.1.9 
      @tarojs/taro-rn: 4.1.9 => 4.1.9 
      @tarojs/webpack5-runner: 4.1.9 => 4.1.9 
      babel-preset-taro: 4.1.9 => 4.1.9 
      eslint-config-taro: 4.1.9 => 4.1.9 
      react: ^18.2.0 => 18.3.1 
      react-native: ^0.72.1 => 0.72.17

开源贡献

Metadata

Metadata

Assignees

No one assigned

    Labels

    F-reactFramework - ReactT-harmonyTarget - 编译到 HarmonyT-rnTarget - 编译到 React NativeV-4Version - 4.xbugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions