[开发日志系列]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 复制代码
bash复制代码

npm config list

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

bash 复制代码
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
相关推荐
hopetomorrow2 分钟前
学习路之压力测试--jmeter安装教程
学习·jmeter·压力测试
hopetomorrow3 分钟前
学习路之PHP--使用GROUP BY 发生错误 SELECT list is not in GROUP BY clause .......... 解决
开发语言·学习·php
小牛itbull13 分钟前
ReactPress vs VuePress vs WordPress
开发语言·javascript·reactpress
请叫我欧皇i22 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_24 分钟前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
闲暇部落25 分钟前
‌Kotlin中的?.和!!主要区别
android·开发语言·kotlin
/**书香门第*/32 分钟前
Cocos creator 3.8 支持的动画 7
学习·游戏·游戏引擎·游戏程序·cocos2d
GIS瞧葩菜34 分钟前
局部修改3dtiles子模型的位置。
开发语言·javascript·ecmascript
chnming198738 分钟前
STL关联式容器之set
开发语言·c++
美式小田1 小时前
单片机学习笔记 9. 8×8LED点阵屏
笔记·单片机·嵌入式硬件·学习