vite创建项目报错:文件名、目录名或卷标语法不正确

最新推荐文章于 2024-10-14 20:03:10 发布
最新推荐文章于 2024-10-14 20:03:10 发布
阅读量753 收藏 1
点赞数
分类专栏： 前端那些事 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dccose/article/details/127467563
版权

vite创建项目报错:文件名、目录名或卷标语法不正确

  • 报错信息
    在这里插入图片描述

报错原因：

  • 我的电脑 yarn的安装包默认是在c盘 而我yarn安装在G盘的所以就产生了该错误！
  • 查看 yarn 全局安装位置 yarn global dir

解决方式：

  • 将yarn的全局包和缓存包路径改到G盘即可
  • 在G盘创建yarn文件夹 >在文件下分别创建一个golbal和cache文件夹
  • 通过指令修改
yarn config set global-folder "G:\yarn\global"
yarn config set cache-folder "G:\yarn\cache"
祁同伟拿大狙
关注
专栏目录
vue3+vite创建项目-（傻瓜式教程）
01-19
在命令行中运行以下命令全局安装Vite： ```bash npm install -g create-vite ``` 2. 创建Vue3项目 接下来，使用Vite创建一个新的Vue3项目： ```bash create-vite my-vue3-project ``` 这里的"my-vue3-project"是...
yarn create vite报错：文件名、目录名或卷标语法不正确
HUMM
11-04 3901
yarn create vite报错：文件名、目录名或卷标语法不正确
创vite项目时报错【文件名、目录名或卷标语法不正确】
qq_45569925的博客
05-13 428
1、将yarn的全局路径改到D盘就可以了，在D盘创建yarn文件夹，然后再其中创建一个global和cache文件夹。yarn的安装包默认是在C盘的而我电脑上yarn安装在D盘，所以就会报这样的错误。3、然后就可正常使用yarn创建vite项目了。可以使用如下命令查看当前yarn的安装包位置。
yarn创建vite项目时报错【文件名、目录名或卷标语法不正确等】
最新发布
a3212768093的博客
10-14 242
yarn创建vite项目时报错【文件名、目录名或卷标语法不正确等】
解决npm报错Error:EEXIST: file already exists, mkdir “文件路径“，yarn create vite-app 报文件名、目录名或卷标语法不正确
qq_52020512的博客
05-18 6035
命令之后在本地的" .yarnrc "文件中 " global-folder " 属性被写入，之后会卡在。我这里是因为yarn的命令目录bin与其全局安装位置不在一个文件夹下导致（因为我改路径遇到了第一个问题）我这里出现错误是因为在配置npm命令目录与npm全局安装位置时目录创建失败，但是在执行。在c盘的对应用户的文件夹下找到 .yarnrc 文件，打开它，将其配置为正确的路径即可。
前端学习笔记202309学习笔记第一百零三天-vite创建v3项目报错文件名、目录名或卷标语法不正确。error Command failed.
qq_41632427的博客
10-08 101
前端
解决使用yarn安装vite报文件名、目录名或卷标语法不正确的问题
budapest999的博客
09-16 730
安装vite报文件名、目录名或卷标语法不正确的解决步骤
Vue 基于vite构建vue3项目 以及基础语法演示
07-17
Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础...
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module....
vite2-project:vite2的一个项目
04-07
3. **预构建（Build）优化**：虽然在开发阶段 Vite2 不需要构建，但在生产环境，Vite2 可以通过 esbuild 进行快速的预构建，生成优化过的静态资源，确保生产环境的性能。 4. **插件系统**：Vite2 基于 Rollup 打造...
解决vue 项目引入字体图标报错、不显示等问题
10-18
在Vue项目中，引入字体图标是一项常见的操作，但有时可能会遇到一些问题，如报错或图标不显示。本文将详细解析这两个问题的原因及相应的解决策略。 首先，问题一：字体图标报错。当我们在Vue项目中尝试引入字体图标...
记录一次很坑的创建Vite失败
na596的博客
03-22 3560
最后再次卸载重新安装了 npm install create-vite -g ，执行 npm create vite@latest shop-admin，还是报同样的错，卒。npm config set cache C:\Users\*新的用户名*\AppData\Roaming\npm-cache。还有一些别的原因，方法都试了，报错仍然是上面的'create-vite' 不是内部或外部命令。先是提示需要安装create-vite，安装重新执行上面命令，依旧报错。执行，依旧报错，卒。
【Vite】使用报错合集
weixin_57844432的博客
03-05 6169
Vue3报错Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. 无法找到模块“../views/HomeView.vue”的声明文件。“/Users/lianwei/Desktop/old/PersonalProject/vite-demo2/src/views/HomeView.
Mac上初次使用vite新建Vue3项目需要注意，自己的错误记录
qq_45989931的博客
09-23 3914
用vite创建一个vue3项目遇到的问题
解决使用yarn-通过vite创建vue3项目失败-文件夹或目录不正确
最佳嫌疑人David_shag的博客
11-05 2750
在Nodejs下载完之后要都有可能出现权限受限的问题，可以看一下自己的文件夹权限是否足够，在nodejs安装目录下一般新建的文件夹操作权限都是不够的需要手动配一下。
yarn create vite 报错：文件名、目录名或卷标语法不正确
D885855的博客
08-09 485
在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）
关于 vscode npm run build:prod 报错问题 ：文件名、目录名或卷标语法不正确 node nodejs vscode vue
xdtz_z的博客
07-10 5007
关于 vscode npm run build:prod 报错问题 ：文件名、目录名或卷标语法不正确 node nodejs vscode vue
关于 npm run buildprod 报错问题 ：文件名、目录名或卷标语法不正确
爱学习的大雄的博客
12-08 2312
我解决问题的方式是结合了两种方式，先把环境变量的配置好，然后电脑重启在idea中去执行方式1后进行打包,但是这个时候还是错的，于是我就又执行了，然后再次执行打包，这个时候就没有报错了然后我再次查询我npm的版本，发现由原来的8.*版本升级到了9.1.3。
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
m0_46829545的博客
05-20 2243
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
vite项目报错：Uncaught ReferenceError: exports is not defined vue-router.esm-bundler
05-05
2. 在根目录下创建一个名为 `babel.config.js` 的文件，并添加以下内容： ```javascript module.exports = { presets: [ [ '@babel/preset-env', { targets: { chrome: '58', ie: '11' } } ] ], ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值