• uniapp升级Vue3报Nonexistent export 'default' is imported from


    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'
    
  • 相关阅读:
    UML 依赖泛化关联实现聚合组合的 Java实现
    android 混淆文件proguard.cfg详解
    Java TCP/IP与HTTP协议个人总结(原创)
    OSI与TCP/IP协议区别
    重复造轮没有意义
    mysql的MVCC(多版本并发控制)
    springboot集成spring-session及spring-redis实现session共享
    Redis分布式锁的正确实现方式
    Spring Boot+Spring Security+Spirng Data Jpa实现登录权限验证并实现自动登录
    一次搞定Jpa的@OneToMany和@ManyToMany注解
  • 原文地址:https://www.cnblogs.com/Intellectualscholar/p/16074451.html
Copyright © 2020-2023  润新知