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

悠悠~飘

已于 2022-05-26 19:53:34 修改

阅读量2.4w

点赞数 17

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-05-26 10:36:56 首次发布

本文链接：https://blog.csdn.net/weixin_48813932/article/details/124979981

版权

vue 专栏收录该内容

13 篇文章

订阅专栏

本文解决Vue3项目中Axios导入出现的'SyntaxError'问题，通过调整依赖位置及升级Vite版本，确保项目正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天学习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()
    ], 
}