yarn 创建vite遇见的问题

最新推荐文章于 2024-08-25 15:00:03 发布
最新推荐文章于 2024-08-25 15:00:03 发布
阅读量185 收藏
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WJW210513/article/details/138909281
版权

在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）

如图：

解决办法：参考文章：https://segmentfault.com/a/1190000043503907

之后使用一下代码创建项目

yarn create vite

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

既是nodejs版本过低，升级版本即可，v16以上

.不止
关注
【前端笔记】前端包管理工具和构建打包工具介绍之npm、yarn、webpack、vite
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
04-28 1025
NPM（Node Package Manager）是node包管理器，是node.js默认采用的软件包管理系统，使用JavaScript语言编写。包管理可以理解为依赖管理，有一个npm包管理仓库，当我们执行npm命令的时候，就可以直接从npm仓库中下载对应的依赖包，类似于后端开发中的POM。yarn和NPM的作用是相同的，都是用于管理软件包依赖，yarn解决了NPM的缺点，对NPM进行了改进，yarn的下载速度比NPM更快、更安全。
Vue3 Vite3 多环境配置 - 基于 vite 创建 vue3 全家桶项目(续篇）
youyacoder的博客
10-06 4357
在项目或产品的迭代过程中，通常会有多套环境，常见的有：devsituatpreprod环境之间配置可能存在差异，如接口地址、全局参数等。在基于的项目中只需要添加.env.xxx文件，然后在的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用。vite使用方式类似，但获取环境变量使用。
yarn create vite 报错：文件名、目录名或卷标语法不正确
D885855的博客
08-09 370
在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）
yarn创建vite项目——遇见的错误及解决方法
pp599620的博客
04-21 2795
会出现这种错误时因为 c:\program files 这里，中间有一个空格，很显然yarn帮并不能通过这个中间有空格的路径的内容。今天尝试做一个vue3+vite的组件库项目，没想到第一步就开始出现问题，改了整整一天😅😅😅。不再同一个盘下，一个c盘一个d盘，那我们就修改一下路径。首先：目录中间包含空格，导致报错。
yarn+vite基本配置
热门推荐
黄敢敢i的博客
09-09 2万+
yarn 官网指引 英文官网：Yarn英文官网 中文文档：Yarn中文文档 Yarn 的优点 快速：Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 可靠：使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。 安全：在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 window 系统安装 Yarn 下载安装包安装 点我下载Yarn安装包，你将下载到一个 .msi 文件，当它运行时会指引你将 Y
ERR_UNSUPPORTED_ESM_URL_SCHEME：当加载的资源URL的协议不被支持时，会报该错误，例如 http:
weixin_43946589的博客
05-18 1332
如果出现vue，这个命令无法识别（vscode中不能使用，但是在cmd中能够使用），则windows powershell 用管理员模式打开，然后输入set-ExecutionPolicy RemoteSigned，这个命令是更改安全等级的命令。可能nodejs 与vue版本不对应，首先检查这两个东西有没有安装，再次检查这两个东西版本对不对应。
关于yarn安装vite所遇到的坑
qq_39704803的博客
06-01 4289
用yarn安装vite时，怎么也装不成功，提示如下， 根据网上资料，更改global和cache也不行，后来总算找到一份有用信息， ‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序；原因：node 安装目录 D:\Program Files\nodejs ，中间有空格导致解决办法：重新安装nodejs，安装目录不要带空格． 附上网址： npm、yarn设置全局安装位置和缓存位置 - 简书前提条件 node安装D盘：D:\nodejs，最开始安装在D:\Program Files\no
走进“yarn create vite”的源码学习
小王的技术库
12-17 160
写这篇文章的原因1.最近在做一些工程化相关的内容，有使用到, 查看Node.js文档发现讲的就那么回事吧！所以这里详细整理下,并且记得之前在Linux下直接使用命令创建软链通过在想这两个参数位置有些怎么不一致呢？2.本文是我上一篇完整工程化系列文章中的一个小插曲,上篇文章 有提到软链接，那篇没有对软硬链接没有进行详细讲解，只是简单介绍了fs.symlink中软链接创建的基本使用，本文进行详细展开下。3.软连接的创建应用场景还是比较广泛，比如npm link调试，leran内部模块互相引用等等。
Vite构建vue3项目的注意事项
weixin_43969517的博客
05-25 654
自己在用vite构建Vue3项目时遇到的一些问题，这在里分享下： 安装cross-env yarn add cross-env -D // 一定要安装在开发环境 安装sass yarn add sass -D // 安装在开发环境 vite读取配置文件是根据mode模式读取 yarn dev：若执行的development环境，则会自动读取.env.development配置文件 yarn build：若执行的production环境，则会自动读取.env.production配置文件 若想读
vite vue3 规范化与Git Hooks - 基于 vite 创建 vue3 全家桶项目(续篇）
youyacoder的博客
10-14 550
hooks意思是“钩子”，也就是在执行某个操作之前或之后要做的事。git hooks 就是 git 操作的钩子，在 git 执行某个操作之前或之后要做的事，如 git 提交后、提交后、合并前、合并后、rebase前、rebase后等。pre-commitpre-commit是git commit执行前的钩子，会在获取提交描述信息且提交前被调用，根据该钩子决定是否拒绝提交。可以在这个钩子中对代码进行 eslint 检查。commit-msgcommit-msg也是git commit。
Node18 支持 import HTTP资源
零一的博客
04-27 2958
大家好，我是零一，最近看到Node官方提交了一条commit ，并且已经合入 master分支 ，如下图所示： 由此可见，Node18可能会支持一个非常 nice 的功能，那就是 支持 import 远程HTTPS资源和本地的HTTP资源，啥意思？看个例子🌰 尝鲜 现在有这样一个文件： // demo.mjs import sayHelloWorld from "https://example/say-helloWorld.mjs"; console.log(sayHelloWorld()); 可以看
新手Vite打包工具的使用并解决yarn create vite报错
m0_62785037的博客
08-04 990
新手Vite打包工具的简单使用并解决yarn create vite报错
【报错】HookWebpackError: Only file and data URLs are supported by the default ESM loader.
Effotzjw_小白慢慢踏全栈
12-13 7769
问题： 今天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
使用vite,vue3和yarn重构《vue.js实战》中知乎日报
returnadsss的博客
11-27 602
使用vue3,vite,yarn重构使用webpack,vue2,request库构建的知乎日报应用
基于yarn搭建vite + vue3开发框架
morliz的博客
10-26 829
通过yarn创建vite +vue3 项目开发框架
vue项目关于ERR_OSSL_EVP_UNSUPPORTED的问题
irisMoon06的博客
08-25 245
该问题通常与 OpenSSL 库版本不兼容或配置问题有关，特别是在使用。
yarn创建vue3 vite
最新发布
09-10
要使用 yarn 创建一个 Vue 3 项目并使用 Vite 作为构建工具，你需要按照以下步骤操作： 1. 首先确保你的开发环境中已经安装了 Node.js 和 yarn。可以通过在终端运行 `node -v` 和 `yarn -v` 来检查它们是否已安装。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值