[vue error] TypeError: Components is not a function

已于 2024-03-03 21:22:28 修改
阅读量2k 收藏 17
点赞数 10
分类专栏： vue错误日志 文章标签： vue.js 前端 javascript typeerror components is a not fun vue自动引入报错
于 2024-03-03 21:18:29 首次发布
CSDN_Qayrup
本文链接：https://blog.csdn.net/weixin_44368963/article/details/136438327
版权
用户在使用ElementPlus时遇到启动项目报错，经排查发现是由于unplugin-vue-components插件版本过高。通过将插件版本从0.26.0降至0.25.2并重新安装，问题得以解决。
摘要由CSDN通过智能技术生成

+问题详情

在这里插入图片描述

问题描述:

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

问题原因

unplugin-vue-components插件版本问题 查看 unplugin-vue-components插件可以发现版本太高了
在这里插入图片描述

问题解决

unplugin-vue-components 版本高了，我用的0.26.0，改成0.25.2 ，这个问题就不报错了。

 npm install unplugin-vue-components@0.25.2

在这里插入图片描述
再次运行,就好了
在这里插入图片描述

Qayrup
关注
专栏目录
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
TypeError: Components is not a function
qq_44887733的博客
07-30 542
Vue中按需引入Element-plus时，报错TypeError: Components is not a function。
Uncaught TypeError: _Vue.component is not a function meteor1.8.3 vue
yuan_618859的博客
12-24 5618
Meteor1.8.3 vue 升级到meteor1.8.3之后，在浏览器打开时发现了报错Uncaught TypeError: _Vue.component is not a function 一、先给出我的解决办法 在根目录新建一个imports的文件夹，只要将所有的vue文件从client里面剪切到imports文件夹里面即可。估计是meteor官方又改变了文件的存放目录而引起的。如下图 ...
推荐一款构建工具统一插件系统：Unplugin
最新发布
gitblog_00186的博客
08-15 519
推荐一款构建工具统一插件系统：Unplugin unpluginUnified plugin system for Vite, Rollup, Webpack, esbuild, and more项目地址:https://gitcode.com/gh_mirrors/un/unplugin 在前端开发中，我们经常需要用到各种构建工具，如Vite、Rollup、Webpack等。然而，不同工具的插...
Uncaught TypeError: app.component is not a function
qq_45327886的博客
08-13 8854
Uncaught TypeError: app.component is not a function
Vue2.5学习笔记（二）深入了解组件
Zijeak的博客
09-08 4250
1.组件使用的细节 1.2 子标签内使用组件 假设想在表格便签内使用一个组件作为行，直接使用组件是不行的，原因在于tbody内只能放tr便签，否则浏览器就会将tbody内的标签解析到外面，从而导致结构的错乱。 为了解决这个问题，我们可以使用is特性，将is特性设置为组件名称，这样既保证了tbody和tr之间的层级关系，也使用了组件。 1.2 非根组件的data必须是一个函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。 1.3 在Vue中操作DOM：使用ref
Function component is not a function declaration. eslint(react/function-component-definition)报错原因
YUSIR 完美CODING世界
08-15 1531
此规则旨在为函数组件强制实施一致的函数类型。默认情况下，它更喜欢命名组件的函数声明和未命名组件的函数表达式。此规则将选项对象作为第二个参数，其中可以指定组件的首选函数类型。选项对象的第一个属性可以是。如果存在多个类型参数，或者只有一个受约束的类型参数，则类型参数不会产生语法冲突。它告诉你，这个规则它期望将组件声明为函数声明。JavaScript 中有一个无法修复的模式。或包含其中任何一个的数组，并且作为。或包含其中任何一个的数组，并且具有。如果您对一致类型的函数组件不感兴趣。
新安webpack插件后编译报错compiler.plugin is not a function
qq_44308424的博客
02-23 8162
安装使用generate-asset-webpack-plugin时报错TypeError：compiler.plugin is not a function，网上搜索了一下大概就是webpack5与这些插件不匹配。推荐的方法几乎都是换一个适配的插件版本，但我所需要的这个插件在npm上最近更新时间是7年前💔。等不着作者适配于是决定自己改。
控制台报错object is not a function的解决方法
12-02
打开控制台发现报错：object is not a function。 感觉很奇怪，这块的功能最新没动过怎么会突然出问题了呢？上线时主流浏览器都测试过了呀。 虽然奇怪，但是还的解决问题。看着代码发现一个radio对象的name属性和一...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
关于webpack5 使用 PurifyCSSPlugin 插件去除 多余css 报错TypeError: compiler.plugin is not a function 解决以及原因
m0_48469523的博客
03-20 1万+
关于 webpack5 使用 PurifyCSSPlugin 插件去除 多余css 报错TypeError: compiler.plugin is not a function 解决以及原因
TypeError: AutoImport is not a function TypeError: Components is not a function
qq_55961367的博客
07-09 747
按照官网在vue.config.js中配置 需要注意的是module.exports = defineConfig这个里面没有plugins这个属性，需要使用configureWebpack：{}包裹起来。否则会报错。
Vue启动报错：TypeError: compilation.templatesPlugin is not a function
just
12-26 5267
项目升级启动报错： TypeError: compilation.templatesPlugin is not a function 原因是版本不兼容 删除 node_modules 重新安装 npm install --registry=https://registry.npm.taobao.org
TypeError: compilation. templatesPlugin is not a function的解决
热门推荐
Java之路的沟沟坎坎
09-12 2万+
TypeError: compilation. templatesPlugin is not a function的解决 原因是因为你的webpack不是最新版本,但是install去下载也不是最新,所以这里我们要手动下载 在百度上找了很多命令都没有用,然后最终大神给命令解决 npm add webpack@latest 如果还没有解决可以删除这个重新install,反正我是这样解决的 前...
vue2组件改成vue3组件，为什么报bug：43.html:13 Uncaught TypeError: Vue.component is not a function
weixin_40945354的博客
09-08 882
<!DOCTYPE html> <html> <body> <div id="app"> <div v-for="(item,index) in list" :key="index"> <item-box :data=item></item-box> <button @click="delClick(index)">删除</button> </div
unplugin插件
m0_63263973的博客
03-12 1831
unplugin-vue-templates：支持在Vue组件中编写模板，支持自定义指令和过滤器。unplugin-auto-import：自动导入未声明的模块，支持按需导入和自定义导入路径。unplugin-vue-components：自动注册Vue组件，支持按需导入和全局导入。unplugin-vue-router：自动注册Vue路由，支持动态路由和路由守卫。unplugin-css-modules：支持CSS模块化，支持自定义命名和作用域。反正这个插件前端必备，超级好用，便捷开发。
vue component 调用父方法 is not a function_VUE高频问题（必问）
weixin_42298064的博客
01-22 3599
1.关于vue的生命周期看官网的图：地址：https://cn.vuejs.org2.vue的双向数据绑定+实现 var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj; }, set: function (ne...
探索前沿Web开发：揭秘`unplugin`
gitblog_00094的博客
03-23 466
探索前沿Web开发：揭秘unplugin unpluginUnified plugin system for Vite, Rollup, Webpack, esbuild, and more项目地址:https://gitcode.com/gh_mirrors/un/unplugin 在Web开发的世界里，插件和工具库扮演着至关重要的角色，它们可以简化复杂的工作流程并提升开发效率。今天，我们将深...
vue使用vant 报错Object(...) is not a function
qq_42833778的博客
06-23 2577
@[TOC](vue使用vant 报错Object(…) is not a function) 首次vue-cli 使用vant的小坑, 各位老铁注意, 直接上代码 使用vant时报错 如下: 原因: vue的版本和vant的版本不对, 此处vue的版本不是脚手架vue-cli 或者 @vue/cli的版本, 可在项目package.json 中查看, 如果不是同一版本的, 需要把vant的版本卸载重新安装 卸载vant 执行命令 npm uninstall vant ...
vue.runtime.esm.js?c320:4605 [Vue warn]: Error in v-on handler: "TypeError: this.$store.components is not a function"怎么解决
05-18
这个错误提示表明在 Vue 组件中使用 `this.$store.components()` 方法时出现了问题，可能是因为 `$store` 对象中没有 `components` 方法，或者 `components` 方法被定义为非函数。 要解决这个问题，可以按照以下步骤操作： 1. 确认 `$store` 对象中是否有 `components` 方法。可以在浏览器控制台中打印 `$store` 对象，查看其属性和方法。 2. 如果 `$store.components` 不是一个函数，那么可能是因为该方法被定义为了一个非函数类型的属性。在代码中查找并修改该属性的定义。 3. 如果 `$store.components` 方法确实不存在，那么需要检查一下你的代码是否正确地配置了 Vuex。确保已经正确引入 Vuex，并在 Vue 根实例中使用了 `store` 选项来注册 Vuex store。 4. 如果以上方法都无法解决问题，可以尝试使用调试工具来跟踪错误的来源，并检查相关代码是否存在其他错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Qayrup

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

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

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

打赏作者

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

抵扣说明：

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

余额充值