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

最新推荐文章于 2024-02-22 15:59:41 发布
最新推荐文章于 2024-02-22 15:59:41 发布
阅读量664 收藏
点赞数
分类专栏： 前端那些事 文章标签： 前端 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"
dccose
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3+vite创建项目-（傻瓜式教程）
01-19
vue3+vite创建项目-（傻瓜式教程）
创建vue3+vite项目记录
qq_43585229的博客
04-29 1147
创建项目 vue3官网链接 这里使用的yarn的创建方式 yarn create @vitejs/app vue-tailwind 1. 文件名、目录名或卷标语法不正确。 error Command failed. Exit code: 1 Command: E:\Program Files\nodejs\node_global\bin\create-app Arguments: vue-tailwind Directory: F:\code\tailwindcss Output: info Visi
【node版本问题】使用 vue3 + Vite创建项目报错 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘
最新发布
工作中遇到问题记录
02-22 2136
【node版本问题】使用 vue3 + Vite创建项目报错 UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘
vite2-project:vite2的一个项目
04-07
vite2-项目 vite2的一个项目
yarn 报错 文件名、目录名或卷标语法不正确
qq_16733389的博客
08-21 1489
改变 yarn 全局 link 位置。查看 yarn 全局cache位置。改变 yarn 全局cache位置。改变 yarn 全局安装位置。执行Yarn命令时报错。
前端学习笔记202309学习笔记第一百零三天-vite创建v3项目报错文件名、目录名或卷标语法不正确。error Command failed.
qq_41632427的博客
10-08 73
前端
yarn create vite报错：文件名、目录名或卷标语法不正确
HUMM
11-04 2815
yarn create vite报错：文件名、目录名或卷标语法不正确
解决npm报错Error:EEXIST: file already exists, mkdir “文件路径“，yarn create vite-app 报文件名、目录名或卷标语法不正确
qq_52020512的博客
05-18 4286
命令之后在本地的" .yarnrc "文件中 " global-folder " 属性被写入，之后会卡在。我这里是因为yarn的命令目录bin与其全局安装位置不在一个文件夹下导致（因为我改路径遇到了第一个问题）我这里出现错误是因为在配置npm命令目录与npm全局安装位置时目录创建失败，但是在执行。在c盘的对应用户的文件夹下找到 .yarnrc 文件，打开它，将其配置为正确的路径即可。
解决使用yarn安装vite报文件名、目录名或卷标语法不正确的问题
budapest999的博客
09-16 609
安装vite报文件名、目录名或卷标语法不正确的解决步骤
【Vite】使用报错合集
weixin_57844432的博客
03-05 5792
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.
记录一次很坑的创建Vite失败
na596的博客
03-22 2920
最后再次卸载重新安装了 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，安装重新执行上面命令，依旧报错。执行，依旧报错，卒。
解决vue 项目引入字体图标报错、不显示等问题
10-18
今天小编就为大家分享一篇解决vue 项目引入字体图标报错、不显示等问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data....
vite-react-app:由vite2创建的简单React应用
05-02
Vite2 + React + React-Router+ Recoil + Scss A simple React Application boilerplate be created by vite2. Directory Organization The following is the main code directory arrangement. . ├── config // ...
yarn create vue3项目 报错：文件名、目录名或卷标语法不正确。
rfalcon的博客
07-21 1316
无
yarn create 文件名、目录名或卷标语法不正确。
u010281877的博客
06-01 784
yarn create 报错 文件名、目录名或卷标语法不正确。
yarn在搭建 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录
qq_24484317的博客
09-25 1998
yarn在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）
yarn create vite my-vue-app --template /vue关于yarn创建vite所遇到的坑，创建vite错误
前端小攻城狮的博客
08-06 4606
复盘收集到的其他可能解决方法，本来以为是路径问题，或者版本问题，没想到都不是，但是都记录一下吧，方便其他人查找解决。例如：C:\Program~1\nodejs\node_cache (这是 windows 的一种路径表达方式)Path修改这两处：＂D:\nodejs\＂和＂D:\nodejs\node_global＂;得到路径：C:\Program Files\nodejs\node_cache。yarn的安装包默认是在c盘的而我yarn安装在D盘的所以就会报这样的错误！2.修改node的全局环境....
Mac上初次使用vite新建Vue3项目需要注意，自己的错误记录
qq_45989931的博客
09-23 3672
用vite创建一个vue3项目遇到的问题
vite项目报错：Uncaught ReferenceError: exports is not defined vue-router.esm-bundler
05-05
这个错误通常是因为你在使用 ES 模块语法时，没有使用 Babel 转换器将代码转换为浏览器可识别的语法。 在 Vite 项目中，你可以通过以下步骤解决此错误： 1. 安装 `@babel/plugin-transform-modules-commonjs` 和 `@babel/preset-env` 两个 Babel 插件。 ``` npm install --save-dev @babel/plugin-transform-modules-commonjs @babel/preset-env ``` 2. 在根目录下创建一个名为 `babel.config.js` 的文件，并添加以下内容： ```javascript module.exports = { presets: [ [ '@babel/preset-env', { targets: { chrome: '58', ie: '11' } } ] ], plugins: ['@babel/plugin-transform-modules-commonjs'] } ``` 这个配置文件将使用 `@babel/preset-env` 插件将代码转换为浏览器可识别的语法，并使用 `@babel/plugin-transform-modules-commonjs` 插件将 ES 模块语法转换为 CommonJS 模块语法。 3. 在 `vite.config.js` 文件中添加以下内容： ```javascript export default { esbuild: { jsxFactory: 'h', jsxFragment: 'Fragment' }, optimizeDeps: { include: ['@vueuse/core'] }, rollupInputOptions: { plugins: [ require('@rollup/plugin-commonjs')() ] } } ``` 这里我们使用 `@rollup/plugin-commonjs` 插件将 CommonJS 模块语法转换为 ES 模块语法，以便 Vite 可以正确处理它们。 重启 Vite 项目并再次尝试，应该就不会遇到这个错误了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值