Tengo la aplicación vue dentro de la aplicación JS estática y en el archivo main.js de vuejs tengo 3 líneas de código:
import { createApp } from 'vue' import componentMap from './componentMap' createApp(componentMap['vue-home-page']).mount("#vueContainer")Aplicación.vue:
<template> <h1> VUE Starter Kit </h1> </template> <script> export default { name: 'App' } </script> y recibo un error en la segunda línea, es decir, import App from './App.vue' donde dice Módulo no encontrado: Error: el argumento de la ruta no es una cadena
componenteMap.js:
import App from '.App.vue'; const componentMap = {'vue-home-page': App} export default componentMapvue-page.hbs:
<div id='vueContainer'><vue-home-page /></div>Estructura del proyecto:
src hbs-app page index.hbs landing-page.hbs vue-page.hbs vue-app main.js App.vue componentMap.js