解决 vite 中 import.meta.globEager is not function 的问题

最新推荐文章于 2024-08-28 15:48:25 发布
最新推荐文章于 2024-08-28 15:48:25 发布
阅读量2.7k 收藏 10
点赞数 12
分类专栏： 遇到的问题&解决方法 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33226029/article/details/134818673
版权

本人正在重构两年前搭建到一半的博客网站，相关依赖都很陈旧，用到了 npm-check-updates 检测项目可升级依赖：
在这里插入图片描述
升级完成后解决完依赖发现控制台报错

import.meta.globEager is not function

解决方案：
vite版本降至4.3.0

亲测有效！

置酒天晴
关注
专栏目录
Vue 3使用vite 2.0 动态引入加载图片 src，解决方法超级简单
asdfadafd的博客
02-23 1413
我现在需要动态引入图片，因此要用到模板字符串和动态绑定。第一反应，当然就是如下写法： <img :src="`../assets/blogPhotos/${name}.jpg`" alt="" /> 但此时，控制台就报了一个错，说没有找到这张图片。 但我图片明明就放在那儿，你还说没找到。 这时一顿百度，没有找到结果。只能去vite的官网，没想到竟然被我找到解决方法了。 解决方法一 根据官网的提示，我找到了最简单的方法，就是在将asset 前面加上src。 <img v-if="post
利用vite的glob引入，实现自动添加路由
进击的火山博客
01-15 3354
vite中支持利用glob引入多个模块 https://cn.vitejs.dev/guide/features.html#json Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块： const modules = import.meta.glob('./dir/*.js') 以上将会被转译为下面的样子： // vite 生成的代码 const modules = { './dir/foo.js': () => import('./dir/foo.js')
Uncaught TypeError: (intermediate value).globEager is not a function报错的原因
Demon_drowned的博客
04-16 2000
已经被废弃，改成使用。
解决 vite 中 import_meta.globEager is not a function的问题
热门推荐
小白菜的博客
04-18 1万+
项目场景： 由于是旧项目通过vue-cli进行创建，使用的是webpack，随着业务的发展后台代码逐渐增多，本地开发每次等一两分钟。修改编译工具，改用vite 问题描述 接口、路由文件、store模块的自动化引入从require.context转为import.meta.globEager，启动vite，浏览器报错 import_meta.globEager is not a function 浏览器中定位错误发现，编译后的代码，将import_meta自动声明了 解决方案： import.meta
使用 import.meta.glob 后引起的一系列问题（vue3 + vite）
weixin_46764519的博客
07-09 1597
import.meta 是 ES2020新增的内容，但是 .glob 是 vite 才有的，所以在声明了使用 es2020 后还需要添加 “types”: [“vite/client”] 来添加对应的代码环境，让它编译的时候认识 vite 中才有的属性。
buider x 4.14 运行vue3 报(intermediate value).globEager is not a function如何解决
weixin_61659587的博客
05-08 833
buider x 4.14 运行vue3 报(intermediate value).globEager is not a function如何解决
TypeError: (void 0) is not a function 、void 0 、import.meta.globEager（uniapp、vite）
weixin_46965237的博客
06-14 2147
(void 0) is not a function 、void 0 、import.meta.globEager、glob（uniapp、vite）
[开发|前端] 前端报Uncaught TypeError: (intermediate value).globEager is not a function错误
梦醒贰零壹柒
05-06 1457
vite5中的import.meta.globEager已经被废弃。将vite版本降到4。
vite的import.meta.globEager引入内容为空，导入不了，没有报错
weixin_44679078的博客
12-09 4703
情况：使用import.meta.globEager导入，得到的内容是空的，控制台也没有报错。 解决：检查路径是否写正确，特别是写相对路径时，搞清楚是相对哪里。如果路径中并没有那个文件，引入内容就会是空的，控制台也不会报错。所以检查检查路径。 ...
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
`import.meta.glob` 是 Vite 的一个元信息对象，它可以用来动态导入项目中的所有匹配指定模式的文件。例如，如果你有一个 `src/components` 目录，里面包含许多 Vue 组件，你可以使用 `import.meta.glob` 来一次性...
vite使用react18配置import.meta.glob
09-24
要在Vite中使用`import.meta.glob`，我们需要在项目的`vite.config.js`配置文件中进行相应的设置。 首先，我们需要确保安装了Vite的依赖，包括vite和@vite/react-plugin。 ```shell npm install vite @vite/react-...
babel-plugin-bundled-import-meta:Babel插件重写import.meta以用于捆绑使用
05-01
babel-plugin-bundled-import-meta Babel插件可重写import.meta.url以供捆绑使用。 安装babel-plugin-bundled-import-meta 此模块需要node.js 10或更高版本以及@babel/core 。 npm i babel-plugin-bundled-import-meta 用法 将babel-plugin-bundled-import-meta到babel设置中的plugins 。 设定值 { " plugins " : [ [ " babel-plugin-bundled-import-meta " , { " mappings " : { " node_modules " : " /assets " }, " bundleDir " : " html " }] ]
import.meta.glob匹配所有tsx文件或者jsx文件
08-13
import { import.meta } from 'vite' import loadable from '@loadable/component' const modules = import.meta.glob('./src/**/*.@(tsx|jsx)') function loadModules(): Promise[] { const promises: Promise[]...
Uncaught TypeError: (intermediate value).globEager is not a function报错解决办法
最新发布
weixin_44999830的博客
08-28 143
【代码】Uncaught TypeError: (intermediate value).globEager is not a function报错解决办法。
《Vite 基础知识》import.meta.glob/import.meta.globEager 获取文件夹及其嵌套的多级子文件夹
前端技术
06-16 1万+
vite 获取全部子文件夹
Vue3+vite 使用import.meta.globEager代替require.context实现自动导入api
wocwin的博客
09-18 3137
Vue3+vite 使用import.meta.globEager代替require.context实现自动导入api
Vue3使用import.meta.globEager批量导入文件第一次加载很慢
gaojiahao_的博客
12-21 2056
解决方式：使用import.meta.glob+defineAsyncComponent异步批量导入(秒进created的断点)使用import.meta.globEager批量导入文件，第一次进入很慢(created断点都需要几秒才能进入)
vite import.meta.globEager实现自动化引入
weixin_38881784的博客
01-12 7995
import.meta.globEager实现自动化引入
vue中使用import.meta.globEager代替require.context实现自动导入api
qq_27585917的博客
02-26 663
【代码】vue中使用import.meta.globEager代替require.context实现自动导入api。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值