The ‘import.meta‘ meta-property is only allowed when the ‘--module‘ option is ‘esnext‘ or ‘system‘

最新推荐文章于 2024-10-22 15:14:41 发布
最新推荐文章于 2024-10-22 15:14:41 发布
阅读量4.9k 收藏 1
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35119405/article/details/131170511
版权
在使用Vite时遇到import.meta.glob导入图片并配置esnext时，出现Vetur警告。尽管项目能正常运行，但Vetur提示需要--moduleoption为exnext。问题源于Vetur，禁用Vetur警告可消除观感不佳的提示。项目由npminitvue@latest创建，配置无误，不影响实际功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题描述：使用vite的import.meta，

const allImage = import.meta.glob('./assets/images/*.*')
console.log(allImage)

报提示，需要配置--module option为exnext

用npm init vue@latest创建的项目，自动配置了option为esnext

 确认配置没问题

原因分析：看报错最后的标注，是安装的vetur提示的该问题，代码什么的都是没有问题的，项目也是可以正常打印我的变量allImages，把它diable掉就不会提示了

 

这个锅还是vetur本身的问题，并不影响使用，只是观感很差

Buiiil
关注
Angular--所有错误锦集
罗俊
08-20 1万+
code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 ‘{0}’ expected. 应为“{0}”。 1006 错误 A file ...
Node.js v12.16.2 的命令行选项（Command Line Options）允许用户定制运行时环境的行为
BLOG域名:programb.blog.youkuaiyun.com
04-16 1777
Node.js v12.16.2 的命令行选项（Command Line Options）允许用户定制运行时环境的行为。其中一项重要的选项是。这个选项设置默认为，这是从Node.js 12.x版本开始的标准。然而，这个选项的存在是为了向后兼容旧版的Node.js，允许用户强制使用更安全的TLS版本1.3，即使在那些不自动升级到最新标准的环境中。具体来说，如果你想要在启动Node.js时指定这个选项，你可以这样操作： 这会确保你的脚本在连接到支持TLS 1.3的服务器时能获得最佳安全性。Node.js 提供了
The ‘import.meta‘ meta-property is only allowed when the ‘--module‘ option is ‘es2020‘, ‘esnext‘...
weixin_45796150的博客
02-10 4522
ts
仅当 “--module” 选项为 “es2020”、“es2022”、“esnext”、“system”、“node16” 或 “nodenext” 时，才允许使用 “import.meta” 元属
m0_63552705的博客
08-17 5639
仅当 “--module” 选项为 “es2020”、“es2022”、“esnext”、“system”、“node16” 或 “nodenext” 时，才允许使用 “import.meta” 元属
Vue3组合式Api script setup模式中顶层使用await报Top-level ‘await‘ expressions are only allowed when the ‘module‘
yangxinxiang84的专栏
04-13 5499
今天练习Vue3的Suspense组件的时候碰到在Vue3组合式Api script setup模式中顶层使用await时报错Eslint错误（能正常编译），错误提示是： Top-level 'await' expressions are only allowed when the 'module' option is set to 'es2022', 'esnext', 'system', 'node16', or 'nodenext', and the 'target' option is set t
使用 import.meta.glob 后引起的一系列问题（vue3 + vite）
weixin_46764519的博客
07-09 4116
import.meta 是 ES2020新增的内容，但是 .glob 是 vite 才有的，所以在声明了使用 es2020 后还需要添加 “types”: [“vite/client”] 来添加对应的代码环境，让它编译的时候认识 vite 中才有的属性。
《Vite 报错》批量导入 import.meta.glob 报错：ERR_ABORTED 403 (Forbidden)
前端技术
05-11 2101
需要设置Vite server.fs.strict为 false vite 默认限制文件通过 /@fs/ 路径提供服务。 import { defineConfig } from 'vite' export default defineConfig({ base: './', //访问路径 plugins: [ createVuePlugin() ], server: { port: 8002, // 设置服务启动端口号 open: true, // 设.
FlexGraphics_V_1.79_D4-XE10.2_Downloadly.ir
11-22
Added TFlexFileFormat.StreamSupport property (default True), which difines, is it necessary to open file stream or give the file name only. - FIX: If the TCustomProp.Assign method calls when the ...
【Web系列二十八】代码规范校验
Nicholson的博客
03-21 434
优秀的开发者一定是对代码整洁和规范有要求的，但开发时难免会有疏漏的地方，因此代码规范校验工具是必不可少的。本文将介绍不同的Web开发平台的代码规范校验工具和示例。
js代码-import.meta 简介
07-14
js代码-import.meta 简介
CDH6.3.2 集成配置 ATLAS-2.1.0
qinxw1687的博客
02-18 2788
APACHE ATLAS安装部署，数据治理。
import.meta.glob('./pages/zh-cn/*.ts') 找不到文件
weixin_42613360的博客
12-23 595
这个问题有可能是由以下几个原因造成的: 当前目录下没有 "./pages/zh-cn" 这个文件夹。你可以使用 ls 命令查看当前目录下的文件和文件夹，看看有没有 "./pages/zh-cn" 这个文件夹。 "./pages/zh-cn" 这个文件夹存在，但是里面没有任何文件，或者没有任何以 ".ts" 结尾的文件。你可以在 "./pages/zh-cn" 文件夹中检查一下，看看有没有 "....
【小趴菜前端实习日记5】
最新发布
m0_75134766的博客
10-22 1050
定义一个接口泛型传入。
Cannot use ‘import.meta‘ outside a module Vant按需引入报错
苦夏木禾
08-09 4245
Cannot use 'import.meta' outside a module Vant按需引入报错
vite 使用import.meta.glob动态添加vue页面
weixin_38822843的博客
01-29 5265
vite 使用import.meta.glob动态添加vue页面
解决 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
TS错误信息列表
热门推荐
Jinmy的博客
07-11 9万+
错误信息列表code类型英文描述中文描述1002错误Unterminated string literal.未终止的字符串文本。1003错误Identifier expected.应为标识符。1005错误'{0}' expected.应为“{0}”。1006错误A file cannot have a reference to itself.文件不能引用自身。1009错误Trailing comm...
node.exe: --openssl-legacy-provider is not allowed in NODE_OPTIONS
08-17
这个错误是因为在 NODE_OPTIONS 环境变量中使用了 --openssl-legacy-provider 选项，是该选项在当前版本的 Node.js 中是不允许的。这可能是由于使用了过时的 Node.js 版本导致的。 要解决这个问题，你可以尝试以下几种方法： 1. 更新 Node.js 版本：确保你使用的是最新版本的 Node.js。你可以前往 Node.js 的官方网站下载并安装最新版本。 2. 检查 NODE_OPTIONS 变量：检查你的环境变量中是否设置了 NODE_OPTIONS，并确保其中不包含 --openssl-legacy-provider 选项。你可以通过在终端中运行 `echo $NODE_OPTIONS`（Linux/Mac）或 `echo %NODE_OPTIONS%`（Windows）来查看当前设置的 NODE_OPTIONS 变量。 3. 清除 NODE_OPTIONS 变量：如果你不需要在 NODE_OPTIONS 中设置其他选项，可以尝试清除该变量。在终端中运行以下命令： - Linux/Mac： ``` unset NODE_OPTIONS ``` - Windows： ``` set NODE_OPTIONS= ``` 4. 检查其他配置文件：如果你使用了其他配置文件（如 .bashrc 或 .bash_profile），请确保其中没有设置 NODE_OPTIONS 变量或包含 --openssl-legacy-provider 选项。 通过以上方法之一，你应该能够解决这个问题。如果问题仍然存在，请提供更多关于你的环境和具体操作的信息，以便更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值