[开发日志系列]PDF图书在线系统20240415

在应用轮播图时报错 在应用轮播图时报错, 阅读详情

20240414

Step1: 创建基础vue+elment项目框架[耗时: 1h25min(8:45-10:10)]

检查node =>

升级至最新 (考虑到时间问题,没有使用npm命令行执行,而是觉得删除重新下载最新版本) ==>
在这里插入图片描述

==> 配置vue3框架

​ 取名:Online PDF Book System

遇到的报错:

第一报错:

npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.npm.taobao.org/create-vue failed, reason: certificate has expired npm ERR! A complete log of this run can be found in: C:\Users\后面个人信息省略.

解决方法是将指向淘宝的镜像,转移到官方

也就是registry属性

采用命令行:

更新 npm 配置:
确认你的 npm 配置是否仍然指向淘宝的镜像。你可以使用以下命令来查看当前的 npm 配置:

bash复制代码

npm config list

如果 registry 字段指向淘宝的镜像,你可以考虑切换到官方的 npm 镜像。使用以下命令将 npm 仓库地址切换回官方地址:

npm config delete registry  
npm config set registry https://registry.npmjs.org/

==> 引入element-plus 引入

在这里插入图片描述

遇到的报错:

第一报错:

09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/main.js”. Does the file exist?
09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/App.vue”. Does the file exist?
09:38:47 [vite] Pre-transform error: Failed to resolve import “element-plus” from “src/App.vue”. Does the file exist? (x2)
09:38:47 [vite] Internal server error: Failed to resolve import “element-plus” from “src/main.js”. Does the file exist?
Plugin: vite:import-analysis
File: C:/Users/yuanzhengqin/Desktop/Online PDF Book System/src/main.js:3:26
1 | // main.ts
2 | import { createApp } from ‘vue’
3 | import ElementPlus from ‘element-plus’
| ^
4 | import ‘element-plus/dist/index.css’
5 | import App from ‘./App.vue’
at formatError (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:50863:46)
at TransformContext.error (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:50857:19)
at normalizeUrl (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66092:33)
at async file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66247:47
at async Promise.all (index 1)
at async TransformContext.transform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:66168:13)
at async Object.transform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:51172:30)
at async loadAndTransform (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:53923:29)
at async viteTransformMiddleware (file:///C:/Users/yuanzhengqin/Desktop/Online%20PDF%20Book%20System/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:63775:32)

问题出在: 没有下载 element-plus

​ 解决方法npm install element-plus --save

Step2: 单页面 of 成员管理[10:14-10:52]

==> 命名:成员管理和图书管理

在这里插入图片描述

==> 用户注册与登录页面 of 成员管理

==> 挑选图片
==> 配置路由
==> 小组讨论确定项目内容+路由配置[(14:30-17:30)耗时:3小时]

用户注册与登录页面 of 成员管理

==> 挑选图片
==> 配置路由
==> 小组讨论确定项目内容+路由配置[(14:30-17:30)耗时:3小时]
==> 布局登录页面(18:45-20:01)耗时1小时15min
vue3+vite - 安装引入Ant Design Vue组件库报错Failed t resolve import“ant-design-vue/dist/antd.css“ from x Does vue3,vite,ant design vue,组件库,安装引入报错,vue3使用antd报错,vue3引入ant组件库报错,antd.css这个引入失败怎么办,已经安装了Antd组件库但无法使用,报错无法解析antd.css文件,vue3.0引入antdv在main.ts中报错,vite + vue3引入ant design vue 报错,引入import ‘ant-design-vue/dist/antd.css‘时报错,详细解决方案,换版本也不行,详细解决方案,依旧报错,改了版本号,重新安装依赖也不 阅读详情

相关推荐

Vue3 - Element Plus 报错 Internal server error: failed to resolve import “element-plus/es“ from “x“, D

vue3,element-plus,unplugin-vue-components,自动导入报错,自动引入报错,vue3+vite自动引入element组件出现错误,vite,webpack,如何解决这个问题,Internalservererror:failedtoresolveimport"element-plus/es"from"x",Doesthefileexist?,配置自动引入element组件控制台报错,Vue3+ElementPlus,vue3+vite如何实现自动引

🏆 前端领域优质创作者 5711

vue引入element-plus报错 Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src

查看官网文档得知 css的引入路径改了 import 'element-plus/lib/theme-chalk/index.css' 改成了以下路径 import 'element-plus/dist/index.css'

m0_67393413的博客 2689

FPGA实现Gardner环定时同步:Verilog代码与Testbench实战解析

本文深入解析了在FPGA上实现Gardner环定时同步的完整过程,详细阐述了其非数据辅助的定时误差检测原理。通过Verilog代码实战,展示了内插滤波器、定时误差检测器、环路滤波器和数控振荡器等核心模块的设计,并提供了完整的Testbench验证方法,帮助开发者解决数字通信系统中的时钟同步难题。

gpt4scribbler的博客 576

[vite] Pre-transform error: Failed to resolve import “@vueuse/core“ from... Does the file exist?

[vite] Pre-transform error: Failed to resolve import "@vueuse/core" from

卷王工作室 2379

Windows 11 RDP Wrapper 配置教程与常见问题解决方法

解锁家庭版RDP主机功能(Windows 11家庭版原生不支持作为RDP服务器)突破单用户连接限制,实现多用户同时远程登录(类似服务器版功能)它不修改系统核心文件,通过注入方式工作,相对安全可靠。RDP Wrapper是Windows 11家庭版用户启用远程桌面、突破单用户限制的高效工具。遵循本文步骤可快速完成配置,遇到问题时按常见问题排查方案逐一解决,多数问题可通过更新配置文件或重启服务解决。若长期使用,建议关注官方GitHub仓库的更新,确保兼容性和安全性。

weixin_41521681的博客 1365

保姆级教程:用SNAP处理哨兵一号数据,5步搞定城区范围提取(附江西晋城案例)

本文提供了一份详细的保姆级教程,介绍如何使用SNAP软件处理哨兵一号数据,通过5个关键步骤快速提取城区范围。以江西晋城为例,教程涵盖数据准备、预处理、核心处理流程、自动化搭建及成果分析,帮助用户轻松掌握SNAP操作技巧,适用于城市规划、环境监测等领域。

weixin_32535389的博客 454

Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件

进入根目录下配置文件。

明哥 6353

IEC61850客户端连接实战:CMS vs MMS协议抓包对比与性能初探(基于YX-PIS协议栈)

本文深入探讨了IEC61850客户端连接中CMS与MMS协议的抓包对比与性能优化。通过Wireshark抓包分析、协议栈配置实战和性能基准测试,揭示了两种协议在连接建立、数据交互和性能调优方面的关键差异,为智能电网自动化系统的协议选择提供了实用指南。

weixin_29209805的博客 215

【vue3vite运行报错】Failed to resolve import “@vue/server-renderer from “src\App.vue“. Does the file exist

当遇到这样的情况可以试试更新vite版本。

twilightLeaves的博客 4752

11年电赛综合测评——单运放三角波发生器

目录 背景知识科普: 原理:局部负反馈+大环负反馈+积分器 仿真图如下: 背景知识科普: 反馈电路是将放大器输出信号(电压或电流)的一部分或全部,回收到放大器输入端与输入信号进行比较(相加或相减),并用比较所得的有效输入信号去控制输出,这就是放大器的反馈过程。 一、反馈放大器反馈极性的经验分析法—符号法 分析步骤1.在输入端上加上一个“+”或“-”的输入信号,按瞬时极性法标出反馈放大器中各个电极(基极b,集电极c,发射极e)电压的瞬时性。 2.判断经放大和反馈后得到的反馈信号Xf的瞬时极性

沉迷单车的追风少年 9905

第67步 时间序列建模实战:ARIMA建模(Stata)

第67步 时间序列建模实战:ARIMA建模(Stata)

Jet4505的博客 6820

【报错】路径别名Failed to resolve import “@/..“ from “src/...“ @找不到路径

Failed to resolve import “@/.." from "src/..." @找不到路径

owo_ovo的博客 1万+

C#上位机案例:西门子S7协议通信+实时曲线显示(WinForm+ZedGraph)

创建/// PLC数据模型(对应DB1块)/// 采集时间(用于曲线的X轴)set;/// 温度值(℃)set;/// 压力值(MPa)set;/// PLC通信状态set;西门子S7协议通信和实时曲线显示,也是工控现场最常见的场景之一。整个开发过程的关键不在于“写出代码”,而在于“写出符合工控场景的稳定代码”——比如解耦通信逻辑与界面逻辑、处理跨线程问题、限制数据点数量、释放资源等。新手在学习时,建议先跟着步骤搭建好环境,跑通基础功能,再逐步尝试进阶优化。需要注意的是,工控上位机的核心是。

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 1342

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案问题描述原因分析解决方案 问题描述 近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件 按照上述配置好后,运行vite环境报错:Failed to resolve import 原因分析 根据报错信息,发现是vant的样式引入路径不对。 程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style 实

weixin_42099193的博客 2万+

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

vue3+vite,unplugin-vue-component 找不到 Vant 组件的问题

只需要在 extensions添加.mjs。如题,按需引入组件报错。

sinat_37746420的博客 1014

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

weixin_45765073的博客 9205

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

Element-plus下载报错

一个正经的vue3项目在windows上跑着正常但是在linux下用的vscode跑不起来了报错信息如下: [vite] Internal server error: Failed to resolve import “element-plus/lib/locale/lang/zh-CN.js” from “src/main.js”. Does the file exist? Plugin: vite:import-analysis File: …/src/main.js 31 | import

weixin_45127611的博客 4094

import { createApp } from ‘vue‘ 报错

请问大佬们这个怎么解决啊?

weixin_50583054的博客 887

[vite] Internal server error: Failed to resolve import “../node_modules/element-plus/lib/theme-chalk

[vite] Internal server error: Failed to resolve import "../node_modules/element-plus/lib/theme-chalk/index.css" from "src\main.js". Does the file ex...

m0_50080847的博客 1万+

解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?

成功地解决了Failed to resolve import "@element-plus/icons-vue" from "src\views\Home.vue". Does the file exist?

hu_666666的博客 2万+

vite elementplus按需引入Failed to resolve import “element-plus/es“ from “xxx.vue“ Does the file exist?

关键在于没有安装依赖弱智如我,按需引入需要先安装elementplus的依赖,报这个错的时候我就很好奇,为什么我elementplus文件夹里面啥也没有就能自己找出来,现在的技术都这么牛批了?结果发现是我过于睿智。按需导入代码 安装依赖代码

qq_38862981的博客 8098

Failed to resolve import “element-plus/es/el-sub-menu“ from “src\components\

Failed to resolve import "element-plus/es/el-sub-menu" from "src\components\

茹嗨瑞的博客 9227

关于vue3.0引入antdv在main.ts中报错

关于vue3.0引入antdv在main.ts中报错 1.根据官网(antd官网链接)提示 npm i --save ant-design-vue 安装 antdv 后在main.ts中引入(比较懒,为了省事,并没有按需加载) import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Antd from 'ant

weixin_44844800的博客 3518

Failed to resolve import “element-plus/es/components/anchor/style/css“ from “xxx/“

在node/_modules/element-plus/es/components/文件路径下没有找到anchor文件夹,说明当前版本没有anchor。查看了官网anchor是2.6.0版本添加的,项目版本是2.5.3,需要修改版本重新安装依赖。“element-plus”: “2.6.0”, 重新npm i 安装依赖。

qq_42171964的博客 2537
上一篇: [伴学笔记]02-应用视角的操作系统 [南京大学2024操作系统]
下一篇: 真从0入手深度学习.怎么入门深度学习?看这一篇就够了!
Zhengqin Yuan
博客等级 码龄5年 135粉丝 146原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值