Vue3按需自动导入Element Plus报错 `TypeError: AutoImport is not a function` 或 `TypeError: Components is not a

最新推荐文章于 2025-06-12 11:35:14 发布
最新推荐文章于 2025-06-12 11:35:14 发布
阅读量293 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 开发必备 2025开发必备(限时特惠) 文章标签： javascript vue.js 开发语言 Element Plus报错 vue3 按需引入报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41961749/article/details/144720019

Vue3按需自动导入Element Plus报错 TypeError: AutoImport is not a function 或 TypeError: Components is not a function 的解决方案

欢迎关注 『开发必备』 专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。内容持续更新中，保证每篇都值得收藏！

在使用 Vue3 和 Element Plus 进行开发时，我遇到了一个奇怪的问题——在配置按需导入时，控制台出现了如下错误：
在这里插入图片描述
在这里插入图片描述


                

                
                
        

         

    

    
  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
            

        


    



                



	

		

			

				
					
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

				
			

			

				

					高级前端工程师
				

				

					07-02
					
					2135
					
				

			

		

		

			
				
vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面

			
		

	



                

            
              



	

		

			

				
					
报错：TypeError: AutoImport is not a functionTypeError: AutoImport is not a function和TypeError: Compone

				
			

			

				

					m0_67294756的博客
				

				

					07-02
					
					1154
					
				

			

		

		

			
				
解决：是 unplugin-auto-import版本高了，需要降低版本。报错：AutoImport is not a function。

			
		

	



              


  
              

                


	

		

			

				
					
解决Vue+Element Plus的“AutoImport is not a function“错误：从根源到修复

					
最新发布

				
			

			

				

					2401_86373285的博客
				

				

					06-12
					
					562
					
				

			

		

		

			
				
"AutoImport is not a function"错误的根源是现代JavaScript生态中CJS向ESM过渡期的版本差异。​​识别问题本质​​：明确是插件版本导致的模块导出差异​​检查版本信息​​：使用npm list确认插件版本​​选择对应方案​​：​​新版本(≥0.15)​​：使用.default访问导出​​旧版本(≤0.14)​​：直接使用导入对象。

			
		

	





	

		

			

				
					
TypeError: AutoImport is not a function

				
			

			

				

					安安静静做自己
				

				

					07-07
					
					375
					
				

			

		

		

			
				
问题分析：插件版本问题，回退。

			
		

	



		

			
		



	

		

			

				
					
 ERROR TypeError: AutoImport is not a function

				
			

			

				

					m0_65696193的博客
				

				

					04-10
					
					1019
					
				

			

		

		

			
				
at loadFileConfig (C:\Users\彩珍\Desktop\project\vue3.5+echarts5\vue3.2xm\node_modules\@vue\cli-service\lib\util\loadFileConfig.js:30:20)at Object.<anonymous> (C:\Users\彩珍\Desktop\project\vue3.5+echarts5\vue3.2xm\vue.config.js:14:5)然后，将插件版本降级到兼容的版本，例如。

			
		

	





	

		

			

				
					
ERROR TypeError: AutoImport is not a function TypeError: AutoImport is not a

				
			

			

				

					weixin_60291486的博客
				

				

					07-04
					
					637
					
				

			

		

		

			
				
出现这种错误是AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误。unplugin-vue-components版本过高，回退插件版本。查看unplugin-auto  插件版本。

			
		

	





	

		

			

				
					
[vue error] TypeError: AutoImportis not a function

				
			

			

				

					JiuMeilove的博客
				

				

					03-03
					
					746
					
				

			

		

		

			
				
将unplugin-auto-import  回退到0.16.1。安装完后再次运行就好了。

			
		

	





	

		

			

				
					
UserDialog.vue:232  Uncaught (in promise) TypeError: ElMessage.error is not a function     at Proxy.handleConfirmAddress (UserDialog.vue:232:19)

				
			

			

				

					03-26
				

			

		

		

			
				
引用[3]则指出在Vue3项目中导入Element Plus时出现AutoImport不是函数的问题，同样涉及插件版本。这些信息提示我，ElMessage的错误可能也是由于插件版本或配置不正确引起的。  首先，ElMessage是Element Plus中的...

			
		

	





	

		

			

				
					
TypeError: AutoImport is not a function
TypeError: AutoImport is not a function
    at Object.<anonymous> (E:\radio\community\radio-frontend\vue.config.js:17:7)
    at Module._compile (node:internal/modules/cjs/loader:1554:14)
    at Object..js (node:internal/modules/cjs/loader:1706:10)
    at Module.load (node:internal/modules/cjs/loader:1289:32)
    at Function._load (node:internal/modules/cjs/loader:1108:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:220:24)
    at Module.require (node:internal/modules/cjs/loader:1311:12)
    at require (node:internal/modules/helpers:136:16)
    at exports.loadModule (E:\radio\community\radio-frontend\node_modules\@vue\cli-shared-utils\lib\module.js:86:14)

				
			

			

				

					03-31
				

			

		

		

			
				
好的，我现在需要解决用户提到的Vue项目中出现的TypeError: AutoImport is not a function的问题。首先，我得回想一下用户提供的引用内容。根据引用[3]，当在Vue3项目中导入Element Plus时出现这个错误，建议重新...

			
		

	





	

		

			

				
					
element plus使用问题

				
			

			

				

					全网同名：PBitW！ 可以去掘金关注我！
				

				

					01-27
					
					1900
					
				

			

		

		

			
				
element plus
vue.config.js
webpack版
vite版
安装element plus
1、使用 ElMessage 报错
2、有时候会报错 not a function
3、 element plus 版本过高
4、警告Feature flag VUE\_PROD\_HYDRATION
5、报错 ResizeObserver loop
element plus icon 按需引用
element plus 按需导入设置为中文

			
		

	





	

		

			

				
					
TypeError: AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误

				
			

			

				

					qq_68614861的博客
				

				

					01-10
					
					3401
					
				

			

		

		

			
				
【代码】TypeError: AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误。

			
		

	





	

		

			

				
					
vuecli5安装element-plus报错 TypeError: AutoImport is not a function

				
			

			

				

					qq_32805013的博客
				

				

					11-28
					
					3531
					
				

			

		

		

			
				
版本问题解决不应该按照其他文章列举的具体版本来解决，因为文章具有时效性，所以正确的解决办法应该是按照你当前的版本逐一降级测试至可行为止，比如我当前按照的版本是"unplugin-auto-import": "^0.17.1"，那我们就直接降级至"unplugin-auto-import": "^0.16.1"，改完后 npm i 再运行测试可用性，一直重复操作直至可用为止

			
		

	





	

		

			

				
					
TypeError: AutoImport is not a function TypeError: Components is not a function

				
			

			

				

					qq_55961367的博客
				

				

					07-09
					
					1156
					
				

			

		

		

			
				
按照官网在vue.config.js中配置 需要注意的是module.exports = defineConfig这个里面没有plugins这个属性，需要使用configureWebpack：{}包裹起来。否则会报错。

			
		

	





	

		

			

				
					
ERROR TypeError: AutoImport is not a function/unplugin-auto-import插件版本问题

				
			

			

				

					weixin_62898967的博客
				

				

					12-02
					
					3872
					
				

			

		

		

			
				
【代码】ERROR TypeError: AutoImport is not a function/unplugin-auto-import插件版本问题。

			
		

	





	

		

			

				
					
Vue3 + Element-plus 项目自动导入报错解决方法

				
			

			

				

					varBlue的博客
				

				

					06-01
					
					4615
					
				

			

		

		

			
				
Vue3 + Element-plus 项目中使用 unplugin-auto-import 插件，其依赖 unimport 包引发 const name = i.as ?? i.name 错误

			
		

	





	

		

			

				
					
vue3按需引入elementUI-Plus报错

				
			

			

				

					weixin_45493439的博客
				

				

					04-04
					
					432
					
				

			

		

		

			
				
将 node.js 版本升级至长期维护版，20220601时为 v16.15.0，升级方法：从 node.js官网 下载长期维护版，安装位置选择与当前 node.js 位置相同即可。更换 unplugin-auto-import 插件版本，经验证，安装 unplugin-auto-import@0.72 及以前版本可规避此问题。1 降低 unplugin-auto-import 插件版本。2 升级 node.js 和 npm 版本。

			
		

	





	

		

			

				
					
Vue3项目中导入Element Plus出现TypeError: AutoImport is not a function

				
			

			

				

					2301_79432927的博客
				

				

					09-29
					
					642
					
				

			

		

		

			
				
在element-plus官方给出Webpack配置文件为在vue.config.js文件中配置完后npm run serve出现报错找到 Vue CLI官方文档查询发现正确配置应该为即我们需要将我们的配置文件改为但一运行发现出现了下面报错AutoImport没有被找到，没办法，再重新安装一遍运行结果还是报上面的错，行吧，一般出现这种情况那肯定是版本出现问题了，大概率是因为版本太新，那就回退版本。

			
		

	





	

		

			

				
					
vue 3.0 使用element-plus按需导入方法和报错解决

				
			

			

				

					曈欣的博客
				

				

					12-31
					
					6158
					
				

			

		

		

			
				
TypeError: AutoImport is not a function ；TypeError: Components is not a function

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
代码简单说

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

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值