Unable to target browser and deno with unstable features in typescript `compilerOptions.lib`

Hi. I followed the guide from docs to include libs for dom api and deno unstable features in the same environment. But it doesn't work for me. I added this to deno.json:

{
    "unstable": ["webgpu"],
    "compilerOptions": {
        "lib": [
            "dom",
            "dom.iterable",
            "dom.asynciterable",
            "deno.ns",
            "deno.unstable"
        ],
    },
}

{
    "unstable": ["webgpu"],
    "compilerOptions": {
        "lib": [
            "dom",
            "dom.iterable",
            "dom.asynciterable",
            "deno.ns",
            "deno.unstable"
        ],
    },
}

In my case I wanted to use webgpu api and render it on dom canvas

const canvas = document.createElement("canvas");
document.body.appendChild(canvas);
// no errors for dom api

const adapter = await navigator.gpu.requestAdapter();
                                ^^^
Property 'gpu' does not exist on type 'Navigator'.

const canvas = document.createElement("canvas");
document.body.appendChild(canvas);
// no errors for dom api

const adapter = await navigator.gpu.requestAdapter();
                                ^^^
Property 'gpu' does not exist on type 'Navigator'.

If I don't specify liblib property in compilerOptionscompilerOptions, I can access the navigator.gpunavigator.gpu, but then I can't use dom api. Based on the docs the configuration above should allow for both api, but it doesn't work for me.

Deno

Configuring TypeScript

In-depth documentation, guides, and reference materials for building secure, high-performance JavaScript and TypeScript applications with Deno

Unable to target browser and deno with unstable features in typescript `compilerOptions.lib`

Hi. I followed the guide from docs to include libs for dom api and deno unstable features in the same environment. But it doesn't work for me. I added this to deno.json:

{
    "unstable": ["webgpu"],
    "compilerOptions": {
        "lib": [
            "dom",
            "dom.iterable",
            "dom.asynciterable",
            "deno.ns",
            "deno.unstable"
        ],
    },
}

{
    "unstable": ["webgpu"],
    "compilerOptions": {
        "lib": [
            "dom",
            "dom.iterable",
            "dom.asynciterable",
            "deno.ns",
            "deno.unstable"
        ],
    },
}

In my case I wanted to use webgpu api and render it on dom canvas

const canvas = document.createElement("canvas");
document.body.appendChild(canvas);
// no errors for dom api

const adapter = await navigator.gpu.requestAdapter();
                                ^^^
Property 'gpu' does not exist on type 'Navigator'.

const canvas = document.createElement("canvas");
document.body.appendChild(canvas);
// no errors for dom api

const adapter = await navigator.gpu.requestAdapter();
                                ^^^
Property 'gpu' does not exist on type 'Navigator'.

Deno

Configuring TypeScript

In-depth documentation, guides, and reference materials for building secure, high-performance JavaScript and TypeScript applications with Deno

Unable to target browser and deno with unstable features in typescript `compilerOptions.lib`

Unable to target browser and deno with unstable features in typescript `compilerOptions.lib`

Continue the conversation

Deno

Continue the conversation

Deno

Similar Threads