在另一个 js 文件中导入 axios

Question

这是一个基于烧瓶的项目，我想将 axios 导入另一个 js 文件。

在我的 figureHelper.js 中，我想导入 axios 以从 api 服务中获取数据

import {PieChart} from './pie-chart-module.js'
import * as axios from './axios.js'

let figuresHelper = {
    init: function(){ console.log('init something'); axios.get('url').... }
}
export {figuresHelper}

和我的 index.html 中的代码

<script type="module">
    import {figuresHelper} from "../static/js/figuresHelper.js";
    figuresHelper.init()
</script>

它引发错误

Uncaught TypeError: Cannot set property 'axios' of undefined
    at webpackUniversalModuleDefinition

到目前为止，我不允许在这个项目中使用 vue，这个问题让我死了

Answer 1

你不能只是

export const figuresHelper = () => {
    console.log('init something'); 
    axios.get('url')....
}

然后在 html 中？

<script type="module">
    import {figuresHelper} from "../static/js/figuresHelper.js";
    figuresHelper();
</script>