nuxt.js 引用 axios报错？

Question

<template>
  <div>
    123
    {{ title }}
  </div>
</template>

<script>
import axios from 'axios'

  export default {
    async asyncData({ params }) {
      // let { data } = await axios.get(`https://my-api/posts/${params.id}`)
      return { title: 'aaa' }
    }
  }
</script>

我参考了官网的文档
安装了axios
npm install axios
在页面中引用就报错
Must use import to load ES Module

请问大佬们这该如何解决

Answer 1

这个错误很明显，axios 只提供commonjs 包 不提供esmodule，解决方案：
1:你看下配置如何支持引入三方的commonjs包使用
2: 查找使用esmodule的替换包代替 例如：@bundled-es-modules/axios