Kotlin JS源码映射

Question

我正尝试在我的gradle项目中设置Kotlin/JS子模块，但遇到了Google Chrome无法加载带有NPE错误的源地图的问题

webpack-internal:///./kotlin-dce-dev/kotlin.js:43104 Uncaught NullPointerException
[WDS] Live Reloading enabled.
DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

这是模块的build.gradle.kts

plugins {
    id("org.jetbrains.kotlin.js") version "1.4.10"
}

group = "org.org.foo"
version = "1.0-SNAPSHOT"

repositories {
    mavenCentral()
    jcenter()
    maven(url = "https://dl.bintray.com/kotlin/kotlin-dev")
}

dependencies {
    implementation(kotlin("stdlib-js"))
    implementation("org.jetbrains.kotlinx:kotlinx-html-js:0.7.1")
}

kotlin {
    js {
        browser {
            webpackTask {
                cssSupport.enabled = true
            }

            runTask {
                cssSupport.enabled = true
            }

            testTask {
                useKarma {
                    useChromeHeadless()
                    webpackConfig.cssSupport.enabled = true
                }
            }

        }
        binaries.executable()
    }
}

有人能告诉我我哪里错了吗？

Answer 1

这似乎是"React Developer Tools“Chrome扩展的一个问题--请看这个answer。尝试在没有扩展的匿名选项卡中运行你的应用程序，以确认它确实与你自己的代码相关。

Answer 2

我在使用React Dev Chrome扩展时遇到了一些奇怪的问题。在我卸载它之后，源代码映射变得推送到hrome OK。