Webpack 如何将外部Javascript库与Vue.js cli项目一起使用？

我最近使用Vue CLI创建了我的第一个Vue.js项目。 我想导入，所以我安装了它

npm install @svgdotjs/svg.js

我的

/src/components/Map.vue

文件：

<template>
  <div id="drawing"></div> 
</template>

<script>
  import SVG from '@svgdotjs/svg.js';
  export default {
    name: 'Map'
  }      
  let draw = SVG('drawing').size(300, 300) // TypeError
</script>

<style>
</style>

---

如何使用或导入Vue.js中的SVG库？

您应该在

导出默认值{}

块中使用SVG

---

比如说

export default {
  mounted() {
    let draw = SVG("drawing").size(300, 300);
  }
};

---

然后我发现：

[Vue warn]：挂载钩子中的错误：“TypeError:\u svgdotjs\u svg\u js\u网页包\u导入的模块\u 0\u默认（…）不是一个函数”

你使用了Vue CLI 3吗？是的，我在2019年1月用

npm install@svgdotjs/svg.js

创建了这个项目，我不太清楚为什么它不能工作。但是，我发现您可以

npm安装svg.js

，然后

从“svg.js”导入svg

。这应该是工作。

export default {
  mounted() {
    let draw = SVG("drawing").size(300, 300);
  }
};