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.