file.ts(1,22): error TS6263: Module './component.html' was resolved to 'component.d.html.ts', but '--allowArbitraryExtensions' is not set.


==== component.d.html.ts (0 errors) ====
    // html modules were proposed at https://github.com/WICG/webcomponents/blob/gh-pages/proposals/html-modules-explainer.md
    
    // per proposal, `default` is user-defined, but if not present, will be the document of the imported module
    declare var doc: Document;
    export default doc;
    
    // all other exports are just whatever was exported in module script blocks in the html file
    export const blogPost: Element;
    
    export class HTML5Element extends HTMLElement {
        connectedCallback(): void;
    }
    
==== file.ts (1 errors) ====
    import * as mod from "./component.html";
                         ~~~~~~~~~~~~~~~~~~
!!! error TS6263: Module './component.html' was resolved to 'component.d.html.ts', but '--allowArbitraryExtensions' is not set.
    
    window.customElements.define("my-html5-element", mod.HTML5Element);
    
    if (document !== mod.default) {
        document.body.appendChild(mod.blogPost);
    }