Компонент VueJS cshtml

Question

Я хочу использовать VueJS со страницами .NET Core Razor.

boot.ts

import './css/site.css';
import 'bootstrap';
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);

const routes = [
    { path: '/', component: require('./components/home/home.vue.html') },
    { path: '/counter', component: require('./components/counter/counter.vue.html') },
    { path: '/fetchdata', component: require('./components/fetchdata/fetchdata.vue.cshtml') }
];

new Vue({
    el: '#app-root',
    router: new VueRouter({ mode: 'history', routes: routes }),
    render: h => h(require('./components/app/app.vue.html'))
});

Обратите внимание на fetchdata.vue.cshtml в приведенном выше коде. Когда я запускаю приложение, я получаю следующую ошибку:

ERROR in ./ClientApp/components/fetchdata/fetchdata.vue.cshtml
Module parse failed: .\NetCoreVueJs\ClientApp\components\fetchdata\fetchdata.vue.cshtml Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
|     <div>
|         <h1>Weather forecast</h1>
 @ ./ClientApp/boot.ts 9:37-91
 @ multi event-source-polyfill webpack-hot-middleware/client? 
path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.ts

Можно ли использовать .cshtml файлы в качестве компонентов в VueJS?