vue3前端开发-执行npm run dev提示报错怎么解决
vue3前端开发-执行npm run dev提示报错怎么解决！今天在本地安装初始化了一个vue3的案例demo。但是当我执行npm run dev想启动它时报错了说，找不到dev。让我检查package.json文件是否包含dev。如下图所示：
实际上，不必惊慌，这是因为我自己的项目存档路径，进行了一次嵌套操作，所以引起的故障。
下面给大家看一下，我这一次项目存档的路径情况。就明白了。
如图，我使用vscode打开了这个项目，但是我进入了路径不对，我第一次进入了路径是外层目录，我并无进入真正的项目内部。我的项目真正的目录应该是vue-mydemo1才对。疏忽与大意了。
查到了错误的原因，解决问题就简单。
再次进入该项目存档路径后，重新执行插件的安装指令（npm install）；
等待插件安装完成后，再次执行启动命令（npm run dev）；
顺利启动起来了。希望大家可以以后避开这种错误。仅供参考。不喜勿喷！
末尾话语：
vue3技术，是使用的vite作为底层的脚手架来搭建项目的，因此，
使用该脚手架 搭建的项目，启动命令也变成了：npm run dev
旧版本vue2底层使用的是webpack脚手架搭建的项目，启动命令是:npm run serve
相关文章：
vue3前端开发-执行npm run dev提示报错怎么解决
vue3前端开发-执行npm run dev提示报错怎么解决！今天在本地安装初始化了一个vue3的案例demo。但是当我执行npm run dev想启动它时报错了说，找不到dev。让我检查package.json文件是否包含dev。如下图所示： 实际上，不必惊慌…...
https 单向认证和双向认证
单向认证 单向认证是客户端（通常是浏览器）验证服务器的身份。服务器向客户端提供数字证书，客户端通过验证该证书的真实性来确认与服务器的连接是安全的。 服务器提供证书：服务器向客户端提供一个数字证书，用于验证服务器的身份。客户端验证服务器：客户端验证服务器的证书…...
Python中Selenium 和 keyboard 库的使用
文章目录 一、Selenium基本使用2.等待元素加载常用操作 keyboard基本使用与 Selenium 联合使用 一、Selenium Selenium 是一个用于浏览器自动化的工具。它可以模拟用户与网页的交互，如点击按钮、填写表单、导航页面等。Selenium 支持多种编程语言，包括 …...
网络安全协议系列
目录 一、安全协议的引入 1.TCP/IP协议族中普通协议的安全缺陷 1.信息泄露 2.信息篡改 3.身份伪装 4.行为否认 2.网络安全需求 二、网络安全协议的定义 三、构建网络安全协议所需的组件 1.加密与解密 2.消息摘要 3.消息验证码 4.数字签名 5.密钥管理 1.建立共享…...
.net core appsettings.json 配置 http 无法访问
1、在appsettings.json中配置"urls": "http://0.0.0.0:8188" 2、但是网页无法打开 3、解决办法，在Program.cs增加下列语句 app.UseAntiforgery();...
opencv—常用函数学习_“干货“_11
目录 二九、图像累加 将输入图像累加到累加图像中 (accumulate) 将输入图像加权累加到累加图像中 (accumulateWeighted) 将输入图像的平方累加到累加图像中 (accumulateSquare) 将两个输入图像的乘积累加到累加图像中 (accumulateProduct) 解释 三十、随机数与添加噪声 …...
WSL-Ubuntu20.04部署环境配置
1.更换Ubuntu软件仓库镜像源 为了在WSL上使用TensorRT进行推理加速，需要安装以下环境，下面将按以下顺序分别介绍安装、验证以及删除环境： #1.C环境配置 gcc、gdb、g #2.gpu环境 cuda、cudnn #3.Cmake环境 CMake #4.OpenCV环境 OpenCV #5.Ten…...
6Python的Pandas：数据读取与输出
Pandas是一个强大的Python数据分析库，提供了读取和输出数据的多种功能。以下是一些常见的数据读取与输出方法： 1. 读取CSV 读取数据 从CSV文件读取数据 import pandas as pd# 读取CSV文件 df pd.read_csv(file_path.csv) print(df.head())从Excel文…...
ubuntu 网络 通讯学习笔记2
1.ubuntu 网络常用命令 在Ubuntu中，有许多网络相关的常用命令。以下是一些主要命令及其用途： ifconfig：此命令用于显示和配置网络接口信息。你可以使用它来查看IP地址、子网掩码、广播地址等。 例如：ifconfig 注意：…...
深入理解JS中的事件委托
JavaScript中的事件委托是一种非常有用的事件处理模式，它允许我们利用事件模型的事件冒泡阶段来减少事件处理器的数量，提高网页性能。本文将介绍事件委托的概念、工作原理、优点以及如何在实际项目中应用事件委托。 1、事件模型 事件模型指在Web开发中，处理和管理事件（如…...
Camera Raw：首选项
Camera Raw 首选项 Preferences提供了丰富的配置选项，通过合理设置，可以显著提升图像处理的效率和效果。根据个人需求调整这些选项，有助于创建理想的工作环境和输出质量。 ◆ ◆ ◆ 打开 Camera Raw 首选项 方法一：在 Adobe Bri…...
HLS加密技术：保障流媒体内容安全的利器
随着网络视频内容的爆炸性增长，如何有效保护视频内容的版权和安全成为了一个亟待解决的问题。HLS（HTTP Live Streaming）加密技术作为一种先进的流媒体加密手段，凭借其高效性和安全性，在直播、点播等场景中得到了广泛应…...
捷配总结的SMT工厂安全防静电规则
SMT工厂须熟记的安全防静电规则！ 安全对于我们非常重要，特别是我们这种SMT加工厂，通常我们所讲的安全是指人身安全。 但这里我们须树立一个较为全面的安全常识就是在强调人身安全的同时亦必须注意设备、产品的安全。 电气： 怎样预…...
UE4-初见虚幻引擎
一.创建自己的工程 1.启动 a.通过桌面双击图标来打开对应版本的虚幻引擎 b.通过EPIC启动器开启动虚幻引擎 2.选择或新建项目 ps:高版本虚幻编辑器可以打开低版本的虚幻项目，但是高版本虚幻的项目不可以由低版本的虚幻编辑器打开。 3. 选择要打开的项目 4.选择模版 选…...
基于Vue CLI 3构建Vue3项目（Vue2也可参考）
天行健，君子以自强不息；地势坤，君子以厚德载物。 每个人都有惰性，但不断学习是好好生活的根本，共勉！ 文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。…...
Midjourney 绘画提示词汇总：让你的 AI 绘画与众不同
在 AI 技术迅速发展的今天，AI 绘画已经成为了创意工作中的一大利器。Midjourney 作为其中的佼佼者，以其强大的绘画能力和高质量的输出受到了广大用户的喜爱。为了帮助你充分发挥 Midjourney 的潜力，我们整理了一些能够让 AI 绘画与众不同的提…...
React和Vue.js的相似性和差异性是什么？
React 和 Vue.js 都是流行的前端 JavaScript 框架，它们有一些相似性和差异性： 相似性： 组件化：React 和 Vue.js 都支持组件化开发，允许开发者将界面拆分为独立的组件，提高代码的复用性和可维护性。…...
Nginx 和 PHP（特别是使用 Swoole 扩展）的配置和调优
针对千万级用户的高并发应用，Nginx 和 PHP（特别是使用 Swoole 扩展）的配置和调优是至关重要的。 以下是详细的配置和调优建议： Nginx 配置和调优 工作进程数（worker_processes）： 根据 CPU 核心…...
Kafka Producer发送消息流程之消息异步发送和同步发送
文章目录 1. 异步发送2. 同步发送 1. 异步发送 Kafka默认就是异步发送，在Main线程中的多条消息，没有严格的先后顺序，Sender发送后就继续下一条，异步接受结果。 public class KafkaProducerCallbackTest {public static void mai…...
Flutter 状态管理调研总结
一, 候选状态管理组件简介 0. flutter_hooks 一个 React 钩子在 Flutter 上的实现：Making Sense of React Hooks 钩子是一种用来管理 Widget 生命周期的新对象，以减少重复代码、增加组件间复用性，允许将视图逻辑提取到通用的用例中并重用&…...
从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路
进入2025年以来，尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断，但全球市场热度依然高涨，入局者持续增加。 以国内市场为例，天眼查专业版数据显示，截至5月底，我国现存在业、存续状态的机器人相关企…...
pam_env.so模块配置解析
在PAM（Pluggable Authentication Modules）配置中， /etc/pam.d/su 文件相关配置含义如下： 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块，负责验证用户身份&am…...
使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装
以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...
第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明
AI 领域的快速发展正在催生一个新时代，智能代理（agents）不再是孤立的个体，而是能够像一个数字团队一样协作。然而，当前 AI 生态系统的碎片化阻碍了这一愿景的实现，导致了“AI 巴别塔问题”——不同代理之间…...
分布式增量爬虫实现方案
之前我们在讨论的是分布式爬虫如何实现增量爬取。增量爬虫的目标是只爬取新产生或发生变化的页面，避免重复抓取，以节省资源和时间。 在分布式环境下，增量爬虫的实现需要考虑多个爬虫节点之间的协调和去重。 另一种思路：将增量判…...
动态 Web 开发技术入门篇
一、HTTP 协议核心 1.1 HTTP 基础 协议全称 ：HyperText Transfer Protocol（超文本传输协议） 默认端口 ：HTTP 使用 80 端口，HTTPS 使用 443 端口。 请求方法 ： GET ：用于获取资源，…...
【无标题】路径问题的革命性重构：基于二维拓扑收缩色动力学模型的零点隧穿理论
路径问题的革命性重构：基于二维拓扑收缩色动力学模型的零点隧穿理论 一、传统路径模型的根本缺陷 在经典正方形路径问题中（图1）： mermaid graph LR A((A)) --- B((B)) B --- C((C)) C --- D((D)) D --- A A -.- C[无直接路径] B -…...
scikit-learn机器学习
# 同时添加如下代码, 这样每次环境(kernel)启动的时候只要运行下方代码即可: # Also add the following code, # so that every time the environment (kernel) starts, # just run the following code: import sys sys.path.append(/home/aistudio/external-libraries)机…...
Linux部署私有文件管理系统MinIO
最近需要用到一个文件管理服务，但是又不想花钱，所以就想着自己搭建一个，刚好我们用的一个开源框架已经集成了MinIO，所以就选了这个 我这边对文件服务性能要求不是太高，单机版就可以 安装非常简单，几个命令就…...
Spring Security 认证流程——补充
一、认证流程概述 Spring Security 的认证流程基于 过滤器链（Filter Chain），核心组件包括 UsernamePasswordAuthenticationFilter、AuthenticationManager、UserDetailsService 等。整个流程可分为以下步骤： 用户提交登录请求拦…...