Tengo un proyecto de muestra de Vue 2 en https://github.com/ericg-vue-questions/leaflet-test
Este es un problema de importación simple para mi código que no estoy seguro de cómo manejar.
Un par de cosas que he intentado son modificar el código para hacer:
<script> import "leaflet/dist/leaflet.css"; import L from "leaflet"; import * from 'leaflet-polylinedecorator';pero esto da como resultado un error de compilación:
10:9 error Parsing error: Unexpected token, expected "as" > 4 | import * from 'leaflet-polylinedecorator';Al index.html , también intenté agregar:
<script src="../node_modules/leaflet-polylinedecorator/dist/leaflet.polylineDecorator.js"></script>pero eso da como resultado el error de tiempo de ejecución:
Uncaught SyntaxError: Unexpected token '<' (at leaflet.polylineDecorator.js:1:1)¿Qué se debe cambiar para poder importar y usar esta extensión de folleto con una aplicación vue?
Una solución que encontré fue modificar main.js para que se vea así:
import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false require( "../node_modules/leaflet-polylinedecorator/dist/leaflet.polylineDecorator.js" ); new Vue({ render: h => h(App), }).$mount('#app') Agregar el require resolvió el problema.
Estaría interesado en soluciones alternativas, si las hay.