使用Kotlin Multi Platform创建JS库，并通过NPM在Angular 2上使用它

Question

我创建了简单的Kotlin Multi Platform应用程序，并且想通过在NPM上发布在Angular Project上使用它。

这是我的build.gradle.kts file

plugins {
    kotlin("multiplatform")
    kotlin("native.cocoapods")
    id("com.android.library")
}

version = "1.0"

kotlin {
    android()
    iosX64()
    iosArm64()
    iosSimulatorArm64()

    js {
        browser {
            webpackTask {
                output.libraryTarget = "this"
            }
            binaries.executable()
        }
    }
    
    sourceSets {
        val commonMain by getting
        val commonTest by getting {
            dependencies {
                implementation(kotlin("test"))
            }
        }
        val androidMain by getting
        val androidTest by getting
        val iosX64Main by getting
        val iosArm64Main by getting
        val iosSimulatorArm64Main by getting
        val iosMain by creating {
            dependsOn(commonMain)
            iosX64Main.dependsOn(this)
            iosArm64Main.dependsOn(this)
            iosSimulatorArm64Main.dependsOn(this)
        }
        val iosX64Test by getting
        val iosArm64Test by getting
        val iosSimulatorArm64Test by getting
        val iosTest by creating {
            dependsOn(commonTest)
            iosX64Test.dependsOn(this)
            iosArm64Test.dependsOn(this)
            iosSimulatorArm64Test.dependsOn(this)
        }
    }
}

android {
    compileSdk = 32
    sourceSets["main"].manifest.srcFile("src/androidMain/AndroidManifest.xml")
    defaultConfig {
        minSdk = 21
        targetSdk = 32
    }
}

kmp project中的示例招呼类文件

@JsExport
data class Greeting(val title: String, val row: Int) {

    fun helloWorld() {
        print("TEST Hello World")
    }

}

当我运行gradle build command命令js文件夹时出现在构建文件夹下方及其外观这个。

我从项目中删除了此JS文件夹，然后放入新的GitHub存储库中，然后将新的GitHub存储库发布到NPM。

这是我在NPM上发布的项目。

到目前为止一直很棒

之后，我创建了一个角度项目，并将此库添加为依赖性

"bf-shared-mw": "^1.0.1",

它取决于成功

，但是当我想在下面看到的代码等组件类中使用

import { Component, OnInit } from '@angular/core';
import { Greeting } from 'bf-shared-mw';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

export class AppComponent implements OnInit {

  ngOnInit(): void {

    const greetings = Greeting();

    
    
  }

  title = 'angular-tour-of-heroes';

}

它

时i.sstatic.net/ebwmw.png“ rel =“ nofollow noreferrer”>

此处强>我在做什么错？我如何在React或Angular应用程序上使用Kotlin多平台库？