[BridgeJS] wasm-ld: error: import module mismatch for symbol

[sliemeobn]

The @_extern symbols generated by BridgeJS are subject to the same behavior like these: #628 #631

swift issue: swiftlang/swift#87320

That means currently BridgeJS cannot be used in libraries, because linking the final wasm binary (especially in embedded) will cause errors like this one.

wasm-ld: error: import module mismatch for symbol: $e14BrowserInterop36bjs_JSWindow_getComputedStyle_extern33_A850048D7CA460B221AE34673489EEABLLys5Int32VAE_AEtF
>>> defined as env in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/App.build/AnimationsView.swift.o
>>> defined as BrowserInterop in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/BrowserInterop.build/BridgeJS.swift.o

wasm-ld: error: import module mismatch for symbol: $e14BrowserInterop28bjs_JSPerformance_now_extern33_A850048D7CA460B221AE34673489EEABLLySds5Int32VF
>>> defined as env in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/App.build/AnimationsView.swift.o
>>> defined as BrowserInterop in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/BrowserInterop.build/BridgeJS.swift.o

[kateinoigakukun]

This is super unfortunate but let me apply workarounds until we get the toolchain fix

[Amzd]

This same issue (I think) is now occurring with different symbols:

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit24_swift_js_pop_i32_extern33_CB7C5BA5E873B811AE222EBA15BCEA61LLs5Int32VyF

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit015_swift_js_make_E7_stringys5Int32VSPys5UInt8VGSg_ADtF

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit33_swift_js_init_memory_with_resultyySPys5UInt8VGSg_s5Int32VtF

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit38_swift_js_get_optional_double_presences5Int32VyF

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit35_swift_js_get_optional_double_valueSdyF

wasm-ld: error: import module mismatch for symbol: $e13JavaScriptKit29_swift_js_get_optional_strings5Int32VyF

[kateinoigakukun]

@Amzd Take 2 #670 🙏

[kateinoigakukun]

https://github.com/swiftwasm/JavaScriptKit/releases/tag/0.46.2 fixed it

[Amzd]

You are fantastic!

[sliemeobn]

@kateinoigakukun it pains me to say this, but this is still not working in ElementaryUI with 0.46.2

I published my WIP branch here:
elementary-swift/elementary-ui#76

I still get a lot of errors like this:

wasm-ld: error: import module mismatch for symbol: $e14BrowserInterop019make_swift_closure_ab3_14aB11Sd_y_extern33_A850048D7CA460B221AE34673489EEABLLys5Int32VSv_SPys5UInt8VGs6UInt32VtF
>>> defined as env in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/App.build/AnimationsView.swift.o
>>> defined as bjs in /Users/simon/dev/elementary-swift/elementary-ui/Examples/Basic/.build/wasm32-unknown-wasip1/release/BrowserInterop.build/BridgeJS.swift.o

[kateinoigakukun]

Unfortunately, we don't have workaround for Embedded build mode because it always serialize everything into swiftmodule and emit code in the client's object files.

[sliemeobn]

I don't quite understand why the other symbols work. Like the built-in BridgeJS funcs for example? 🤔

[kateinoigakukun]

Hmm, good point. I'll keep focusing on landing the root cause fix but let me know if you could find a workaround