Vue 3-Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported

最新推荐文章于 2025-03-26 22:50:17 发布

山水好风光

最新推荐文章于 2025-03-26 22:50:17 发布

阅读量2.9k

点赞数 1

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/songhongchuang/article/details/129019353

版权

前端专栏收录该内容

12 篇文章

订阅专栏

问题

Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader

方案

nodejs版本太低，升级node版本至v16以上！

升级nodejs方法

查看当前node版本

$ node -v

清除npm缓存

$ npm cache clean -f

全局安装n

$ npm install -g n

升级到最新稳定版

$ n stable

升级到最新版

$ n latest

升级到定制版

$ n v14.6.0

切换使用版本

$ n 13.10.0 (ENTER)

删除制定版本

$ n rm 13.10.0

用制定的版本执行脚本

$ n use 13.10.0 some.js

升级完成查看 node版本

$ node -v

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

山水好风光

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)

Sun~Neo

07-25

1万+

解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)

Nodejs 提示ERR_UNSUPPORTED_ESM_URL_SCHEME 错误解决

10-12

6781

找了半天问题，发现是版本问题，升级到14的最新版本就可以了 https://githubmemory.com/repo/sindresorhus/terminal-image/issues/38

参与评论您还未登录，请先登录后发表或查看评论

记录electron应用开发及打包踩坑记录

CrashonUzz的博客

03-26

205

貌似是因为electron用的是自己的文件协议，根据情况使用esm还是commonjs，然后electron-store使用的是esm，导致渲染进程引用失败，找了很久，发现只有把版本降低才行（降到4.0.0就行），但是博主对nodejs模块之间相互引入的机制还不清除，无法给出详细解释。项目一开始使用的是10.0.0的版本，electron部分用的是35.0.0，用commonjs写的，结果main.js还好，当在preload中使用store时，就报错了。生产环境中依赖改成下面这样就好了。

提交代码时husky报错Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the def

eadela的博客

12-28

1万+

本人将node 版本由v14.13.0升级到v14.18.2,解决 internal/process/esm_loader.js:74 internalBinding(‘errors’).triggerUncaughtException( ^ Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:’ at

ERR_UNSUPPORTED_ESM_URL_SCHEME：当加载的资源URL的协议不被支持时，会报该错误，例如 http:

weixin_43946589的博客

05-18

1979

如果出现vue，这个命令无法识别（vscode中不能使用，但是在cmd中能够使用），则windows powershell 用管理员模式打开，然后输入set-ExecutionPolicy RemoteSigned，这个命令是更改安全等级的命令。可能nodejs 与vue版本不对应，首先检查这两个东西有没有安装，再次检查这两个东西版本对不对应。

【报错】HookWebpackError: Only file and data URLs are supported by the default ESM loader.

Effotzjw_小白慢慢踏全栈

12-13

8177

问题：今天webpack在打包过程中使用copy-webpack-plugin插件的时候，报了以下错误： HookWebpackError: Only file and data URLs are supported by the default ESM loader. Received protocol 'node:' at makeWebpackError (E:\vue\02-webpack\04-webpack_插件\node_modules\webpack\lib\HookWebpack

Only file and data URLs are supported by the default ESM loader

m0_62785037的博客

09-22

1111

node版本过低，创建对应的项目会报错。

[bug]Only file and data URLs are supported by the default ESM loader

花椒和蕊的博客

09-21

2241

执行npm install compression-webpack-plugin -S，安装的是最新版本。安装compression-webpack-plugin。

ERR_UNKNOWN_URL_SCHEME的解决

热门推荐

weixin_42039823的博客

07-24

6万+

搜了搜网上一些资料总结一下，我选择加载的网址是百度首页。其实就是抛出异常那，得返回true，因为看到网上资料有这么一句话：如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash。如果你返回false，没有浏览器让你调用，所以如果你下一个百度app（用完删掉），然后点开webview，就会提示你是否调用百度app，选择是之后再点开webview，问题over。 ...

ERR_UNKNOWN_URL_SCHEME 导致的可能问题

zxc_user的博客

08-15

2万+

今晚在做跨域测试的时候，明明已经用了 jsoup去处理，但却一直报 ERR_UNKNOWN_URL_SCHEME 错误然后就是百度找答案，但是也没有解决问题，然后看了一下自己请求的地址是下面这样的前面没有加上 http:// 所以我在前面加上了 http:// 没想到加完真的可以了，所以下次如果你也遇到这个问题的话，不妨先看看是

Node18 支持 import HTTP资源

零一的博客

04-27

3307

大家好，我是零一，最近看到Node官方提交了一条commit ，并且已经合入 master分支，如下图所示：由此可见，Node18可能会支持一个非常 nice 的功能，那就是支持 import 远程HTTPS资源和本地的HTTP资源，啥意思？看个例子🌰 尝鲜现在有这样一个文件： // demo.mjs import sayHelloWorld from "https://example/say-helloWorld.mjs"; console.log(sayHelloWorld()); 可以看

vite初始化项目报错

小方块的世界

07-13

1817

Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘

yarn 创建vite遇见的问题

WJW210513的博客

05-15

284

如果出现Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader。在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）既是nodejs版本过低，升级版本即可，v16以上。之后使用一下代码创建项目。

3秒快速创建本地服务器，运行到生产环境。

Blues_han的博客

12-06

417

前端本地打包资源模拟生产环境 npm i serve -g

vue项目关于ERR_OSSL_EVP_UNSUPPORTED的问题

irisMoon06的博客

08-25

390

该问题通常与 OpenSSL 库版本不兼容或配置问题有关，特别是在使用。

解决Cross origin requests are only supported for protocol schemes问题

斜照却相迎的博客

12-15

3003

解决Cross origin requests are only supported for protocol schemes问题问题描述本前端小白在学习“隐写术”的时候尝试按照一个网上的blog的代码来跑一跑，但遇到了一个问题，图片没有正常显示,f12查看控制台看到报错" Access to image at file://xxx from origin 'null' has been blocked by CORS policy: Cross origin requests are only sup

错误代码:net::ERR_UNKNOWN_URL_SCHEME

BeanModel的博客

04-24

5万+

今天又个需求,通过tomcat本地部署静态资源,作为map的source源文件,配置什么都没有问题,就是地图加载不出来.最后看控制台报错为net::ERR_UNKNOWN_URL_SCHEME.看了下我的路径为localhost:8080/maps/xx/xx/xx.png.最后找到的问题是没有加入"http://"这个头,因此访问不到.加上就正常咯~...

最新发布

04-03

### 解决方案在 Windows 上运行 `pnpm create vue` 出现 `ERR_UNSUPPORTED_ESM_URL_SCHEME` 错误的原因通常与 Node.js 的 ESM 加载机制有关。此错误表明当前使用的 Node.js 版本可能不支持通过 URL 导入模块的方式，或者项目配置存在问题。以下是针对该问题的解决方案： #### 1. 更新 Node.js 到最新版本 Node.js 不断改进其对 ECMAScript Modules (ESM) 的支持。如果使用的是较旧版本的 Node.js，则可能会遇到此类兼容性问题。建议升级到 LTS 或稳定版的 Node.js[^2]。可以通过以下命令检查当前 Node.js 版本： ```bash node -v ``` 更新 Node.js 可以通过官方安装程序完成，也可以使用工具如 nvm（Node Version Manager）来管理多个 Node.js 版本： ```bash nvm install --lts nvm use --lts ``` #### 2. 使用 `--input-type=module` 参数某些情况下，指定输入类型可以解决问题。尝试在执行脚本时显式声明为模块模式： ```bash node --input-type=module ./path/to/your/script.mjs ``` 不过对于 `pnpm create vue` 命令来说，这一步通常是不必要的，除非自定义了加载逻辑[^3]。 #### 3. 修改环境变量或配置文件有时需要调整 Node.js 的启动参数以启用实验性的功能。可以在运行命令前设置环境变量： ```bash set NODE_OPTIONS="--experimental-specifier-resolution=node" pnpm create vue ``` 上述方法强制启用了 Node.js 对特定路径解析的支持[^4]。 #### 4. 替代 CLI 工具链如果以上方式仍然无法解决，考虑更换包管理器或初始化工具。例如改用 Yarn 初始化 Vue 项目： ```bash npm install -g @vue/cli vue create my-project ``` 另外，确认已全局安装所需依赖项，比如部署服务工具： ```bash npm install deploy-cli-service -g [^1] ``` #### 5. 检查 pnpm 和插件版本确保本地安装的 pnpm 是最新的，并验证所使用的模板是否适配当前开发环境： ```bash pnpm add -g pnpm@latest pnpm dlx @vue/create ``` --- ### 示例代码片段下面是一个简单的测试脚本来验证 Node.js 是否正常处理 ESM 文件： ```javascript // test.mjs import { readFile } from 'fs/promises'; const content = await readFile(new URL('./example.txt', import.meta.url)); console.log(content.toString()); ``` 运行它并观察是否有类似的错误提示： ```bash node test.mjs ``` --- ### 总结综上所述，推荐优先更新 Node.js 至最新版本，同时适当修改环境选项以适应新的模块导入策略。必要时切换至其他构建工具作为临时替代方案。