我如何将传单螺旋式Ecorator与VUE应用程序一起使用

Question

我有一个vue 2示例项目，位于 https://github.com/ericg-vue-vue-vue-com-问题/传单测试

这是我代码我不确定我不确定如何处理。

我尝试过的几件事是修改代码做：

<script>
import "leaflet/dist/leaflet.css";
import L from "leaflet";
import * from 'leaflet-polylinedecorator';

但是这导致构建错误：

  10:9  error  Parsing error: Unexpected token, expected "as"
> 4 | import * from 'leaflet-polylinedecorator';

index.html ，我也尝试添加：

<script src="../node_modules/leaflet-polylinedecorator/dist/leaflet.polylineDecorator.js"></script>

但这导致运行时错误：

Uncaught SyntaxError: Unexpected token '<' (at leaflet.polylineDecorator.js:1:1)

需要更改什么，以便我可以使用VUE应用程序导入并使用此传单扩展名？

Answer 1

我发现的一种解决方案是修改 main.js 因此，看起来：

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')

添加需要解决了问题。

如果有的话，我会对替代解决方案感兴趣。