vite+vue3项目运行报错

最新推荐文章于 2024-07-17 15:16:43 发布
最新推荐文章于 2024-07-17 15:16:43 发布
阅读量243 收藏
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42734041/article/details/140100630
版权

今天按vue3官方文档创建并运行项目失败
（
node v20.15.0
npm 10.7.0
Windows 11 ,64 位操作系统
）

npm create vue@latest创建项目；

然后安装项目依赖就一直报
npm error code ERR_INVALID_ARG_TYPE
npm error The “file” argument must be of type string. Received undefined

日志中显示：
verbose stack at spawn (node:child_process:754:13)
verbose stack at D:\software\nvm\v20.15.0\node_modules\npm\node_modules@npmcli\promise-spawn\lib\index.js:18:12

找到指向报错位置

在这里插入图片描述

npm run dev命令是在vscode中的powershell跑的,这个命令什么错也不报，也不跑项目，就打印两行信息：

vue3project@0.0.0 dev
vite

结合install报错信息，试着切换用系统的cmd.exe跑，运行成功了-_-
在这里插入图片描述

七七惨惨期期
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
node-v20.15.0-x64.msi
06-24
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
在现代前端开发中，Vue3 和 Vite5 的结合提供了高效、快速的开发体验。Vite 是由 Vue.js 作者尤雨溪开发的一款新型构建工具，它利用了 ES 模块的原生加载能力，实现了热更新和按需编译，极大地提升了开发效率。Vue3 ...
vite+vue3项目报错【Error】
guinue的博客
07-16 820
2.3 在tsconfig.json 文件下 include下引入【env.d.ts】文件。2.【error】找不到模块“./App.vue”或其相应的类型声明。解决方法：终端打开 cmd ====》》》2.1项目根目录下创建文件【env.d.ts】2.2在文件【env.d.ts】编写以下代码。1.【ervite 不是内部支持的命令……
vue3前端开发-执行npm run dev提示报错怎么解决
yrldjsbk的博客
07-17 693
但是当我执行npm run dev想启动它时报错了说，找不到dev。如图，我使用vscode打开了这个项目，但是我进入了路径不对，我第一次进入了路径是外层目录，我并无进入真正的项目内部。旧版本vue2底层使用的是webpack脚手架搭建的项目，启动命令是:npm run serve。实际上，不必惊慌，这是因为我自己的项目存档路径，进行了一次嵌套操作，所以引起的故障。vue3技术，是使用的vite作为底层的脚手架来搭建项目的，因此，使用该脚手架 搭建的项目，启动命令也变成了：npm run dev。
解决vue项目运行过程中，npm run dev 报错问题
热门推荐
weixin_39495540的博客
03-29 5万+
ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! metools@1.0.0 dev: `node build/dev-server.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the metools@1.0.0 dev script.npm ERR! This is probably not a ...
最新Node.js安装及配置详细教程
程序员大佬超的博客
06-28 5025
下载LTS版本的，LTS(Long Time Support，相对稳定的版本) ，Current (处于内部测试中，可能不完善)。
vite 启动项目报错
迷失的鱼的博客
04-05 2504
查找原因： 通过github查阅vite仓库的相关issue【Can't start after init a `vue-ts` project. · Issue #1580 · vitejs/vite · GitHub】，尤大也很明确的指出这个是esbuild的BUG 解决方法：手动执行 node node_modules/esbuild/install.js ...
vite+vue2安装vuex运行报错
weixin_43995405的博客
11-03 369
vite+vue2安装vuex报错
vite+vue3项目启动报错Unexpected “%“
V_AYA_V的博客
08-24 1725
vite+vue项目启动报错，思考良久，找不到原因，在github上查看到一issues，大致原因一样，记录一下 issuse地址 描述： 大致意思是装了管控软件，将一些文件夹直接给加密了。想来本公司之前是有做过防泄密操作，记录一下。 ...
搭建 vite + vue3 项目
halo1416的博客
01-27 8693
一、介绍 该文章主要通过 vite + vue3 + vue-router4 + vuex4 + Element Plus + axios + mockjs 搭建项目。 二、通过vite创建项目 1. 通过vite创建 vue+ts 项目 **注意：**经过我的测试，使用cnpm create vite时不能自定义项目名称；所以推荐使用 npm 或者 yarn // 创建项目 => vite-test yarn create vite // 进入 vite-test cd vite-test //
基于electron+vite+vue3和python flask的文件交互GUI
11-20
# 依赖包不一定准确，烦请实际尝试运行flask后根据报错安装 pip install flask Pillow 2.启动项目 可以执行一下命令来启动，也可以直接运行start.bat来启动 # 启动vite npm run dev # 启动python flask python flask...
Vite+Vue+iClient for Leaflet引入并实现MapV/Eharts第三方可视化库示例
05-20
- 首先，你需要安装Vite和Vue3，通过`npm init vite@latest`创建一个新的Vue3项目。 - 安装iClient for Leaflet及相关依赖，如`npm install @supermap/iclient-leaflet --save`。 - 引入Echarts和MapV，同样通过...
基于 vue3.x适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发
01-01
基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。 由于 Vue3 不再支持 IE11，...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
Vue-cli3 是 Vue.js 框架的命令行工具，用于快速搭建现代化的前端项目。在使用 Vue-cli3 创建的项目中，可能会遇到在安卓低版本系统或 Internet Explorer（IE）浏览器上出现白屏的问题。这通常是由于这些老旧平台不...
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
cykooz.resizer-3.0.0-cp310-cp310-macosx_11_0_arm64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]Delphi题库管理与试卷自动生成系统.zip
最新发布
07-27
[毕设]Delphi题库管理与试卷自动生成系统
131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+图像识别与定位+该数据集相关的研究论文
07-27
<项目介绍> 包含131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+该数据集相关的研究论文。可供深度学习图像识别与定位。 - 训练集大小：67700 个图像 测试集大小：22888 个图像 文件名格式：image_index_100.jpg（例如 32_100.jpg）或 r_image_index_100.jpg（例如 r_32_100.jpg）或 r2_image_index_100.jpg 或 r3_image_index_100.jpg。 “r”代表旋转水果。 “r2”表示水果绕第三轴旋转。 “100”来自图像尺寸（100x100 像素）。 水果是如何拍摄的: 1:使用 C920 摄像机拍摄水果。最好的网络摄像头之一。 2:在水果后面，我们放了一张白纸作为背景。 3:将水果和蔬菜种植在低速电机（3转/分钟）的轴中，并录制一段20秒的短片。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
vite创建vue3项目报错
09-16
vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作： 1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install -g create-vite-app`进行安装。 2. 接着，使用`create-vite-app`命令创建项目。你可以使用以下命令创建一个名为`vite_prj`的项目： ``` npm init vite-app vite_prj ``` 3. 进入项目目录： ``` cd vite_prj ``` 4. 安装项目依赖： ``` npm install ``` 5. 如果在安装依赖过程中提示有风险和漏洞，可以使用以下命令进行修复： ``` npm audit fix --force ``` 6. 确保你已经安装了`@vitejs/plugin-vue`插件，如果没有安装，可以使用以下命令进行安装： ``` npm install @vitejs/plugin-vue -D ``` 7. 创建一个名为`vite.config.js`的项目配置文件，并添加以下内容： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], }); ``` 8. 最后，重新运行项目： ``` npm run dev ``` 这样应该就能解决vite创建vue3项目报错的问题了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值