在另一個 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>