vue3 报错-基于Vite编译Vue3项目Uncaught SyntaxError does not provide an export named ‘default‘

今天学习vue3中发现这个bug，就是导入axios时，一直报这个错误。

Uncaught SyntaxError: The requested module '/@modules/axios/index.js' does not provide an export named 'default'

 这个是mian.js 文件引入axios的相关代码：

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import "./assets/css/bootstap.css"
import axios from "axios"
const app = createApp(App);
//vue3全局挂载
app.config.globalProperties.axios = axios
    //默认的请求基准路径
axios.defaults.url = "http://ludir.cn/api/webapi/public"
app.mount('#app')

解决问题：

方法一

经过反复测试，也算是误打误撞吧，因为我之前觉得是版本问题，然后就不停测试版本，后面巧合发现和axios下载位置有关。

下载axios的位置必须在"dependencies"中而不能是 "devDependencies"

猜测可能还是因为vite的问题

方法二

后面升级了一下vite版本果然就没有这个问题，将vite升级到了vite2.x版本

注意还要下载对应插件@vitejs/plugin-vue

 "devDependencies": {
        "less": "^4.1.2",
        "vite": "^2.8.6",
        "@vitejs/plugin-vue": "^2.3.3",
        "axios": "^0.27.2",
        "vue": "^3.2.4"
    }

插件配置

vite.config.js

const vue = require("@vitejs/plugin-vue");
module.exports = {
    plugins: [
        vue()
    ], 
}