在另一个js文件中导入axios

Question

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

在我的figuresHelper.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>