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

已于 2023-12-02 20:37:41 修改
阅读量3.8k 收藏 26
点赞数 13
文章标签： vue
于 2023-12-02 13:17:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_62898967/article/details/134750974
版权

element plus按需导入后，启动项目报错：

原因是unplugin-auto-import插件版本问题 查看unplugin-auto-import插件版本： 

npm list unplugin-auto-import  

版本回退： 

npm install unplugin-auto-import@0.16.1 

再次运行成功！ 

Vue3按需自动导入Element Plus报错 `TypeError: AutoImport is not a function` 或 `TypeError: Components is not a
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-25 263
遇到或错误时，不要惊慌，问题通常出在插件版本不匹配。只需卸载旧版本并安装对应的兼容版本，按照上述配置更新项目，就能解决问题。希望这篇文章对你有所帮助，祝你开发顺利，遇到问题时也能轻松解决！
正确解决TypeError: xxx is not a function异常的有效解决方法
热门推荐
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
报错：TypeError: AutoImport is not a functionTypeError: AutoImport is not a function和TypeError: Compone
m0_67294756的博客
07-02 1131
解决：是 unplugin-auto-import版本高了，需要降低版本。报错：AutoImport is not a function。
ERROR TypeError: AutoImport is not a function
最新发布
m0_65696193的博客
04-10 985
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 623
出现这种错误是AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误。unplugin-vue-components版本过高，回退插件版本。查看unplugin-auto 插件版本。
TypeError: AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误
qq_68614861的博客
01-10 3362
【代码】TypeError: AutoImport is not a function（插件版本问题，回退插件版本）-vue项目element plus按需引入配置错误。
vuecli5安装element-plus报错 TypeError: AutoImport is not a function
qq_32805013的博客
11-28 3505
版本问题解决不应该按照其他文章列举的具体版本来解决，因为文章具有时效性，所以正确的解决办法应该是按照你当前的版本逐一降级测试至可行为止，比如我当前按照的版本是"unplugin-auto-import": "^0.17.1"，那我们就直接降级至"unplugin-auto-import": "^0.16.1"，改完后 npm i 再运行测试可用性，一直重复操作直至可用为止
Vue解决报错3_Syntax Error TypeError this.getOptions is not a function
shuux666的博客
03-02 770
问题描述 使用vue ui 创建的项目，安装less 4.0.0、less-loader8.0.0开发依赖 使用lang="less"之后发现编译报错，Syntax Error: TypeError: this.getOptions is not a function 重装几遍依赖还是不行，感觉还是版本的问题！ 解决 试了试将less-loader 和 less 的版本降下来，果然不报错了 重新安装低版本的less依赖 ...
npm报错TypeError: this.getOptions is not a function
邓邓子的博客
02-02 1465
1、问题 执行npm run serve报错： TypeError: this.getOptions is not a function 2、解决方法 由于sass-loader版本过高造成的，执行以下命令卸载当前版本安装低版本： npm uninstall sass-loader npm install sass-loader@7.0.1 --save-dev ...
TypeError: AutoImport is not a function TypeError: Components is not a function
qq_55961367的博客
07-09 1139
按照官网在vue.config.js中配置 需要注意的是module.exports = defineConfig这个里面没有plugins这个属性，需要使用configureWebpack：{}包裹起来。否则会报错。
[vue error] TypeError: AutoImportis not a function
JiuMeilove的博客
03-03 734
将unplugin-auto-import 回退到0.16.1。安装完后再次运行就好了。
TypeError: AutoImport is not a function
安安静静做自己
07-07 364
问题分析：插件版本问题，回退。
Vue3项目中导入Element Plus出现TypeError: AutoImport is not a function
2301_79432927的博客
09-29 624
在element-plus官方给出Webpack配置文件为在vue.config.js文件中配置完后npm run serve出现报错找到 Vue CLI官方文档查询发现正确配置应该为即我们需要将我们的配置文件改为但一运行发现出现了下面报错AutoImport没有被找到，没办法，再重新安装一遍运行结果还是报上面的错，行吧，一般出现这种情况那肯定是版本出现问题了，大概率是因为版本太新，那就回退版本。
unplugin-auto-import 使用报错
guoshturing的博客
04-27 608
解决: 下载nvm，用nvm下载稳定新版node，我由于特殊情况使用的node 14，更换为node16后，该报错消失。
关于 AutoImport is not a function 问题的真正解决办法
sws797的博客
05-31 594
中 vite 章节的使用示例。
element-plus按需引入报错AutoImport is not a function
Beamon__的博客
11-04 777
运行结果：TypeError: AutoImport is not a function。解决方式：安装低版本nplugin-auto-import。
解决Element plus 按需导入(自动引入)安装unplugin-auto-import插件报错
雨落宿命敲的博客
03-18 3730
解决npm install -D unplugin-vue-components unplugin-auto-import 报错问题 npm install unplugin-auto-import -D 报错如下 Element plus版本过低引起报错 解决方法: 卸载 Element plus： npm uninstall element-plus 重新安装 Element plus：npm install element-plus --save 安装 unplugin-auto-import 插件
Error in v-on handler: "TypeError: uni.authorize is not a function"
12-02
这个错误信息通常出现在Vue.js应用中，当你尝试通过`v-on`指令调用某个方法，但该方法并未定义为组件实例的方法，特别是在使用了uni-app（微信小程序或H5环境）的框架时。`uni.authorize`在这个上下文中看起来是一个来自uni-app的API，可能是用于处理用户授权操作的。 错误提示意味着`authorize`不是一个函数，所以你需要检查以下几个方面： 1. **方法绑定**：确保你在`.vue`文件中的模板上正确地绑定了`authorize`方法，例如，如果它是一个全局的API，应该先导入并注册到Vue原型上。 ```javascript import { authorize } from '@/utils/auth' Vue.prototype.$authorize = authorize; ``` 2. **作用域**：如果你在一个局部组件中使用，确保你已经将`authorize`作为props或者methods传递给了子组件，或者它是在组件内部定义的。 3. **拼写和命名**：检查方法名是否正确无误，以及大小写是否一致。 4. **生命周期钩子**：如果是生命周期钩子中的调用，确保在适当的时候（如`created`, `mounted`等）设置了方法。 修复这个问题后，记得在出错的地方加上适当的异常处理，如`try...catch`块，以便于调试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值