vue.js - Vuejs 3 med CDN- och TypeScript-stöd


Vi bygger en applikation med asp.net core men vi vill också ha vuejs3 med typescript. Vi har inga SFC eller SPA. Vi behöver bara stöd för befintlig Razor-sida, därför vill vi inte ha CLI. CDN-versionen fungerar bra med JavaScript men jag kan inte få den att fungera med TypeScript. Jag försökte importera typfilen (.d.ts) som fristående från enskilda node_module-mappar (compiler/runtime/vue/reactivity etc)

men får felmeddelandet "kan inte hitta namnet createapp"

main.ts

/// <reference path="node_modules/vue/dist/vue.d.ts"/>
/// <reference path="node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts"/>
/// <reference path="node_modules/@vue/runtime-core/dist/runtime-core.d.ts"/>

const app = createApp({
    data() {
        return {
            product: 'Socksssa',
            image: './assets/images/socks_green.jpg',
            // solution
            url: 'https://www.vuemastery.com/'
            // solution
        }
    }
})

app.mount('#app');

tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions": {
    "outFile": "main.js",
    "noImplicitAny": false,
    "noImplicitThis": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  },
  "include": [ "*.ts" ],
  "exclude": [
    "node_modules",
    "wwwroot",
    "typings",
    "*.d.ts"
  ]
}

Vi har ingen modulbundlare. Jag försökte också slå samman alla .d.ts till en fil (bakåtspårning från vue.d.ts) men den slutliga output-filen innehåller över 42 000 poster och fungerar fortfarande inte. Vi använde tidigare Vuejs 2 med en enda typings-fil utan problem. Några förslag eller en enda TypeScript-definitionfil skulle vara riktigt hjälpsamt. Jag försökte söka i DefinitelyTyped och andra ställen men kunde inte hitta det.

Vår begäran är att använda vuejs 3 med CDN och typescript.

Snälla hjälp. Tack.