如何创建使用Kotlin Multiplatform JS库及浏览器加载报错解决

你当前生成的projectName.js仅包含你自己编写的业务代码，默认没有将Kotlin JS标准库、协程、Ktor等第三方依赖打包进产物，浏览器加载时找不到依赖的运行时对象，才会抛出读取prototype失败的报错。

1. 修改build.gradle中的JS目标配置，开启全量依赖打包：
   找到原有的js配置块修改为如下内容：

js {
    browser {
        webpackTask {
            outputFileName = "projectName.js"
            // 开启将所有依赖打包进单个JS文件
            commonJs = true
        }
    }
    binaries.executable()
}

2. 重新执行构建命令：

./gradlew jsBrowserDistribution

构建完成后新生成的projectName.js已经包含所有运行时依赖，直接在HTML中引入即可正常运行。

如果只是本地开发调试，不需要导出单文件产物，可以直接执行./gradlew jsBrowserRun命令，Gradle会自动启动本地开发服务器，自动加载所有依赖资源，无需手动处理依赖引入问题。

内容的提问来源于stack exchange，提问作者vizsatiz