Vue js引用警告 “export ‘default‘ (imported as ‘xxx‘) was not found

原创 已于 2022-04-16 00:35:57 修改 · 置顶 · 1.8w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

于 2020-09-01 14:53:02 首次发布
本文解决了ES6编译器在识别模块导入导出时出现的问题，具体表现为使用import和export语法时的警告。通过调整import语句的写法，从import'default'(imported as 'xxx')修改为import * as Public from'./public'，可以消除警告并确保代码正常运行。

问题原因：ES6 编译器识别问题

如果在public.js这样写会有警告export 'default' (imported as 'xxx') was not found

export const myMixin= {}

 

解决办法：修改组件中引用js的地方

将 import Public from './public'
改成 import * as Public from './public'

 

vue路由报错：138-17 export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
04-29 871
版本对应：vue2搭配vue-router3vue3搭配vue-router4
Vue配置路由后启动报错：export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
明静致远
07-05 667
在package.json中可以看到Vue版本为2.6.14，vue-router版本为4.4.0。由于vue与vue-router版本不兼容导致异常。由于项目中使用vue2版本，所以安装vue-router时指定版本。main.js文件中也正确引入VueRouter包。
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
m0_55613022的博客
03-02 3057
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 问题原因 今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本 cli4中main.js中引用文件是下图 import {createApp} from 'vue’的格式引用的 而cli3中是用import Vue
vue项目报错export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘ (possible exports: BaseTransition
最新发布
肖肖肖丽珠的博客
09-24 371
在vue3的项目中使用了vue2的语法。
解决报错：“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
青春木鱼的博客
07-10 2392
用npm run serve运行vue项目时，出现报错："export 'default' (imported as 'VueRouter') was not found in 'vue-router'
启动项目：“export ‘default‘ (imported as ‘request‘) was not found in ‘@/utils/request‘
weixin_51738405的博客
03-21 1633
拦截器的BUG
解决报错：export ‘default‘ (imported as ‘Register‘) was not found
jiaohuizhuang6019的博客
10-13 3537
解决报错：export 'default' (imported as 'Register') was not found
vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
qq_46416934的博客
03-09 2066
版本：vue3 vue/cli 5.0.0 做写store时报错 import Vue from "vue"; import Vuex from "vuex"; import getters from "./getters"; import user from "./modules/user"; Vue.use(Vuex); const store = new Vuex.Store({ modules: { user, }, getters, }); export default
export ‘unref‘ (imported as unref) was not found in ‘vue‘
m0_63778112的博客
03-23 2290
本人vue初学，在一次学习过程中加入了另外的一些文件。终端弹出一些warning，到控制台看到以下的错误提示。 实属头疼啊，现在的水平只能看到了 xxx is not a function. 点击定位到app.js的地方也很难理解。有懂的大哥可以指导下这样的错误如何调试为好。。。 然后仔细看了下终端提示的warning: 可以看到: xxx was not found in 'vue'. 并且错误都出自于一个文件@vant下。 结合上面浏览器控制台的错误，大胆猜测是由于vant依赖包版本问.
"export 'default' (imported as '...') was not found in ''..."错误处理
哈哈hyc的博客
04-21 4万+
开发中遇到的一个简单问题 却花了我很长时间 //在一个js文件中导出fetch请求方法 import fetch from 'utils/fetch'; export function getCompanyList() { return fetch({ url: '/wx/company/list', method: 'get' }) } //在vue的s...
“export ‘default‘ (imported as ‘xxx‘) was not found in ‘xxx‘解决办法
YukiGreen的博客
07-13 2万+
"export 'default' (imported as 'xxx') was not found in 'xxx'解决办法
运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
IT界幼稚生的博客
11-11 2万+
问题： 运行vue项目时，警告提示"export 'default' (imported as 'Vue') was not found in 'vue' 在main.js中 在路由文件下的index.js中 原因： 安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替 解决方案： 在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import..
"export 'default' (imported as '...') was not found in ''..."
热门推荐
u013675978的博客
01-09 5万+
开发中遇到的一个简单问题 却花了我很长时间 //在一个js文件中导出fetch请求方法 import fetch from 'utils/fetch'; export function getCompanyList() { return fetch({ url: '/wx/company/list', method: 'get' }) } //在vue的scrip...
避坑-报错真正的原因export ‘default’ (imported as ‘Vue’) was not found in ‘vue
qq_43939754的博客
11-13 1万+
文章目录问题描述原因分析解决方案 问题描述 今天在使用vue安装插件后，在添加生命周期钩子函数created()时显示unused function created，运行后报错export ‘default’ (imported as ‘Vue’) was not found in 'vue并且加载不出页面。听信网上的解决办法，卸载新版本安装低版本（3.x.x）的脚手架，结果始终不能解决问题，因为创建项目会始终通过npm安装新版本，由于镜像的问题会一直报错npm err! a complete log of
解决Vue CLI 4 运行出现“export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
mlttz的博客
09-05 2311
解决Vue CLI 4 运行出现"export 'default' (imported as 'Vue') was not found in 'vue'd 的报错问题
WARNING in XXX.js 7:0-1 export default (imported as $) was not found in jquery
weixin_42199245的博客
06-27 914
在学习vue的前端工程化之webpack打包时遇到这个问题 目的是：打包js文件中的高级语法。在编写js的时候，有时候我们会使用高版本的js语法，有可能这些高版本的语法不被兼容，我们需要将之打包为兼容性的js代码，为此需要安装babel系列的包。 A.下载安装第三方包： npm install babel-loader @babel/core @babel/runtime -D npm install @babel/preset-env @babel/plugin-transform-runtime @ba
export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析
a_bowl_rice的博客
03-12 4406
在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。
export ‘default‘ (imported as ‘mod‘) was not found in ‘../node_modules/ts-loader/index.js
XUANEER的博客
02-10 3023
编译警告： 如何解决： 在webpack配置文件里给ts-loader添加options: { appendTsSuffixTo: [/.vue$/] }, 如下： // webpack.config.js module: { rules: [{ test: /\.tsx?$/, loader: 'ts-loader', options: { appendTsSuffixTo: [/\.vue$/] }, exclude: /node-module
export 'default' (imported as 'Vue') was not found in 'vue
09-02
这个错误通常发生在使用 Vue.js 的项目中，它表示在导入 Vue.js 时找不到默认导出的内容。 首先，确保已正确安装了 Vue.js。可以通过运行 `npm install vue` 或 `yarn add vue` 来安装最新版本的 Vue.js。 如果已经安装了 Vue.js，那么可以尝试以下几个解决方案： 1. 检查导入语句：确认在项目中的导入语句是否正确。通常使用 `import Vue from 'vue'` 或 `import * as Vue from 'vue'` 导入 Vue.js。 2. 检查版本兼容性：确保项目中使用的 Vue.js 版本与项目依赖的其他组件或插件的版本兼容。有时，不同版本之间的兼容性问题可能会导致此错误。 3. 检查构建工具配置：如果项目使用了构建工具（如 webpack、Rollup 等），请检查配置文件是否正确设置了相关的 Vue.js 相关插件和加载器。 希望这些解决方案能够帮助您解决该错误。如果问题仍然存在，请提供更多详细信息，以便我能够更好地帮助您。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

船长在船上

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值