HarmonyOS TurboModules使用问题？

Question

一.参照demo配置了app项目后，app编译报错：

1 ERROR: ArkTS:ERROR File: /Users/a1234/Documents/xiaopu/ShopDiary/harmony-shopdairy/entry/src/main/ets/RNPackagesFactory.ts:34:42 Importing ArkTS files in JS and TS files is forbidden.

二.rn侧没有生成cpp侧的胶水代码：在rn中也使用了。

SampleTurboModule.registerFunction(value => {
  console.log('value', value)
})

这个方法，但是ohpm run codegen的时候没有生成cpp层的胶水代码。

Answer 1

编译报错是因为在RNPackagesFactory.ts文件中引入了ArkTS文件。可以手动生成Codegen代码，参考指导文件中的自定义TurboModule。

示例参考：

NativeSampleTurboModuleSpecJSI创建名为SampleTurboModuleSpec.h的声明文件，导出NativeSampleTurboModuleSpecJSI：

#include <ReactCommon/TurboModule.h>
#include "RNOH/ArkTSTurboModule.h"
namespace rnoh {
  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ArkTSTurboModule {
    public:
      NativeSampleTurboModuleSpecJSI(const ArkTSTurboModule::Context ctx, const
    std::string name);
  };
}

SampleTurboModuleSpec.cpp实现，注意MethodMetadata的第⼀个参数是⾃定义⽅法的参数个数：

#include "SampleTurboModuleSpec.h"
using namespace rnoh;
using namespace facebook;
static jsi::Value
__hostFunction_NativeSampleTurboCxxModuleSpecJSI_pushStringToHarmony(jsi::Runtime
  &rt, react::TurboModule &turboModule, const jsi::Value *args, size_t count) {
  return jsi::Value(static_cast<ArkTSTurboModule &>(turboModule).call(rt,
    "pushStringToHarmony", args, count));
}
NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const
ArkTSTurboModule::Context ctx,
const std::string name): ArkTSTurboModule(ctx, name) {
  methodMap_["pushStringToHarmony"] = MethodMetadata{2,__hostFunction_NativeSampleTurboCxxModuleSpecJSI_pushStringToHarmony};
} 

SampleTurboModulePackage.h提供createTurboModuleFactoryDelegate：

#include "RNOH/Package.h"
namespace rnoh {
  class SampleTurboModulePackage : public Package {
    public:
      SampleTurboModulePackage(Package::Context ctx) : Package(ctx) {}
    std::unique_ptr<TurboModuleFactoryDelegate>
    createTurboModuleFactoryDelegate() override;
  };
} // namespace rnoh

SampleTurboModulePackage.cpp实现C++层的createTurboModuleFactoryDelegate的 createTurboModule⽅法，在createTurboModule⽅法中需要引⽤NativeSampleTurboModuleSpecJSI：

#include "./TurboModules/SampleTurboModuleSpec.h"
using namespace rnoh;
using namespace facebook;
class SampleTurboModuleFactoryDelegate : public TurboModuleFactoryDelegate {
  public:
    SharedTurboModule createTurboModule(Context ctx, const std::string &name)
  const override {
    if (name == "SampleTurboModule") {
      return std::make_shared<NativeSampleTurboModuleSpecJSI>(ctx, name);
    }
    return nullptr;
  };
};
std::unique_ptr<TurboModuleFactoryDelegate>
  SampleTurboModulePackage::createTurboModuleFactoryDelegate() {
  return std::make_unique<SampleTurboModuleFactoryDelegate>();
} 

PackageProvider.cpp在PackageProvider的getPackages⽅法实现中添加SampleTurboModulePackage：

#include "RNOH/PackageProvider.h"
#include "SampleTurboModulePackage.h"
using namespace rnoh;
std::vector<std::shared_ptr<Package>>
  PackageProvider::getPackages(Package::Context ctx) {
  return {
    + std::make_shared<SampleTurboModulePackage>(ctx),
  };
} 

CMakeLists.txt在CMakeLists中导入C++文件链接：

add_library(rnoh_app SHARED
"./PackageProvider.cpp"
  + "./TurboModules/SampleTurboModuleSpec.cpp"
  + "./SampleTurboModulePackage.cpp"
"${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
) 

Codegen的配置主要是在应用的package.json中添加 harmony.codegenConfig字段，其中specPaths定义了文件的入口：

// package.json
{
  "harmony": {
  "codegenConfig": {
    "specPaths": [
    "./src"
    ]
  }
}
}