ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

uniapp升级Vue3报Non-existent export 'default' is imported from

2022-03-29 23:31:08  阅读:459  来源: 互联网

标签:uniapp Non imported title param js second base msg


uniapp升级到Vue3自定义封装的js文件导出方式与Vue2的格式不一样

封装js的 export 导出和 在其他页面使用import引入的方式导致的报错

 

 

 

Vue2

/**
 * 消息框,错误框,确认框,等待框等封装
 */
import base from '@/common/js-base.js';
let alert = {
	/**
	 * @description 提示消息,一会就自动消失
	 * @param {string} msg 要显示的消息
	 * @param {number} second 显示时间(毫秒,默认1000秒)
	 */
	showInfo: function(msg, second) {		
		if (base.isNull(second))
			second = 1000;
		uni.showToast({
			title: msg,
			icon: 'none',
			duration: second
		});	
	},
	/**
	 * @description 提示错误消息,需要点击确认后关闭
	 * @param {string} msg 错误消息
	 * @param {type} title 错误标题[默认'提示']
	 */
	showError: function(msg, title) {
		if (base.isNull(title))
			title = "提示";
		uni.showModal({
			title: title,
			content: msg,
			showCancel: false
		});
	}
}

export default alert;

 

Vue3

/**
 * 消息框,错误框,确认框,等待框等封装
 */
import * as base from '@/common/js-base.js';

/**
 * @description 提示消息,一会就自动消失
 * @param {string} msg 要显示的消息
 * @param {number} second 显示时间(毫秒,默认1000秒)
 */
function showInfo(msg, second) {		
	if (base.isNull(second))
		second = 1000;
	uni.showToast({
		title: msg,
		icon: 'none',
		duration: second
	});	
}
	
/**
 * @description 提示错误消息,需要点击确认后关闭
 * @param {string} msg 错误消息
 * @param {type} title 错误标题[默认'提示']
 */
function showError(msg, title) {
	if (base.isNull(title))
		title = "提示";
	uni.showModal({
		title: title,
		content: msg,
		showCancel: false
	});
}



	

export{
	showInfo,
	showError
}

 

Vue3导入封装方法:

import * as base from '@/common/js-base.js'

 

不能使用以下方式,因为封装方法没使用 export default

import base from '@/common/js-base.js'

 

标签:uniapp,Non,imported,title,param,js,second,base,msg
来源: https://www.cnblogs.com/Intellectualscholar/p/16074451.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有