<p dir="auto">Hello, I am trying to build a front end with web components using Materials UI as a UI library. I have the following <code class="notranslate">deps.tsx</code>:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import MatUI from &quot;https://jspm.dev/@material-ui/core@4.11.0&quot;;

export {MatUI};"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-smi">MatUI</span> <span class="pl-k">from</span> <span class="pl-s">"https://jspm.dev/@material-ui/core@4.11.0"</span><span class="pl-kos">;</span>

<span class="pl-k">export</span> <span class="pl-kos">{</span><span class="pl-smi">MatUI</span><span class="pl-kos">}</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><code class="notranslate">tsconfig.json</code>:</p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
    &quot;compilerOptions&quot;: {
      &quot;experimentalDecorators&quot;: true,
      &quot;noImplicitAny&quot;: false,
      &quot;skipLibCheck&quot;: true,
      &quot;lib&quot;: [&quot;dom&quot;, &quot;esnext&quot;, &quot;deno.ns&quot;],
      &quot;plugins&quot;: [
        {
          &quot;name&quot;: &quot;typescript-deno-plugin&quot;,
          &quot;enable&quot;: true
        }
      ],
    },
    &quot;include&quot;: [
      &quot;./src/**/*&quot;
    ]
  }"><pre class="notranslate">{
    <span class="pl-ent">"compilerOptions"</span>: {
      <span class="pl-ent">"experimentalDecorators"</span>: <span class="pl-c1">true</span>,
      <span class="pl-ent">"noImplicitAny"</span>: <span class="pl-c1">false</span>,
      <span class="pl-ent">"skipLibCheck"</span>: <span class="pl-c1">true</span>,
      <span class="pl-ent">"lib"</span>: [<span class="pl-s"><span class="pl-pds">"</span>dom<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>esnext<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>deno.ns<span class="pl-pds">"</span></span>],
      <span class="pl-ent">"plugins"</span>: [
        {
          <span class="pl-ent">"name"</span>: <span class="pl-s"><span class="pl-pds">"</span>typescript-deno-plugin<span class="pl-pds">"</span></span>,
          <span class="pl-ent">"enable"</span>: <span class="pl-c1">true</span>
        }
      ],
    },
    <span class="pl-ent">"include"</span>: [
      <span class="pl-s"><span class="pl-pds">"</span>./src/**/*<span class="pl-pds">"</span></span>
    ]
  }</pre></div>
<p dir="auto">and <code class="notranslate">app.ts</code>:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import { MatUI } from &quot;../src/deps.tsx&quot;

const { Button }  = MatUI as any;"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-smi">MatUI</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">"../src/deps.tsx"</span>

<span class="pl-k">const</span> <span class="pl-kos">{</span> Button <span class="pl-kos">}</span>  <span class="pl-c1">=</span> <span class="pl-smi">MatUI</span> <span class="pl-k">as</span> <span class="pl-smi">any</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">I am getting many (7008) errors, but a common one looks like this:</p>
<p dir="auto"><code class="notranslate">TS2441 [ERROR]: Duplicate identifier 'exports'. Compiler reserves name 'exports' in top level scope of a module. var exports = {}; ~~~~~~~ at https://jspm.dev/npm:tiny-warning@1.0.3!cjs:1:5</code></p>
<p dir="auto">I am running <code class="notranslate">deno bundle src/app.ts --config tsconfig.json src/app.js</code>.</p>
<p dir="auto">Does anyone know a way to configure out the name clashes?</p>
<p dir="auto">Receiving TS2531 [ERROR] when running the mjs/cjs after Deno 1.0.4.</p>
<p dir="auto">save as "test.mjs"</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { exp } from &quot;./test_mod.ts&quot;;
if (false) null.func();"><pre class="notranslate"><code class="notranslate">import { exp } from "./test_mod.ts";
if (false) null.func();
</code></pre></div>
<p dir="auto">save as "test_mod.ts"</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export const exp = {};"><pre class="notranslate"><code class="notranslate">export const exp = {};
</code></pre></div>
<p dir="auto">and run</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="% deno run test.mjs
Compile file:/// ... /test.mjs
error: TS2531 [ERROR]: Object is possibly 'null'.
if (false) null.func();
           ~~~~
    at file:/// ... /test.mjs:2:12"><pre class="notranslate"><code class="notranslate">% deno run test.mjs
Compile file:/// ... /test.mjs
error: TS2531 [ERROR]: Object is possibly 'null'.
if (false) null.func();
           ~~~~
    at file:/// ... /test.mjs:2:12
</code></pre></div>
<p dir="auto">1.0.5 -- NG<br>
1.0.4 -- NG<br>
1.0.3 -- OK</p>
<p dir="auto">without ts import -- OK<br>
import mjs -- OK</p>