vue学习记录-报错记录与知识

最新推荐文章于 2023-12-19 00:46:29 发布

小艾和紫色喵喵

最新推荐文章于 2023-12-19 00:46:29 发布

阅读量460

点赞数 1

文章标签： vue.js 学习 npm

本文链接：https://blog.csdn.net/weixin_45800869/article/details/124931874

版权

vue项目目录结构

* vue.js学习笔记(一)——vue-cli项目的目录结构
 * vue项目结构是怎么样的？详解vue目录结构
 * Vue项目开发目录结构

ref 和 $refs

* vue-ref-讲的比较详细
 Vue教程( ref 和 $refs 的使用)——分得清楚
 vue里ref ( $refs )用法

1.声明式渲染

改变前
修改后
在浏览器的JavaScript控制台中修改app.message值结果改变
修改前
时间是初始化数据时的时间
修改后
也不知道为啥会写不了函数

vue组件规范

计算属性于时间

在这里插入图片描述

运行报错——‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序

1、初步认为事没有node_model目录

在这里插入图片描述

（1）安装 ‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序

在这里插入图片描述

（2）又报错（安装报错）

在这里插入图片描述

报错提示

在这里插入图片描述

（3）再报错 Errors were found in your package-lock.json, run npm install to fix them.

在这里插入图片描述

（4）再报错

在这里插入图片描述

不在报错 npm - 报错…

在这里插入图片描述

added 57 packages from 27 contributors, removed 54 packages, updated 63 packages and moved 38 packages in 262.691s

73 packages are looking for funding
  run `npm fund` for details

fixed 160 of 258 vulnerabilities in 1700 scanned packages
  7 vulnerabilities required manual review and could not be updated
  12 package updates for 91 vulnerabilities involved breaking changes
  (use `npm audit fix --force` to install breaking changes; or refer to `npm audit` for steps to fix these manually)

翻译——有道词典
在262.691中增加了来自27个贡献者的57个包，删除了54个包，更新了63个包，移动了38个包
73个方案正在寻找资金
详情请运行’ npm fund ’
修复了1700个扫描包中的258个漏洞中的160个
7个漏洞需要人工审核，无法更新
针对91个漏洞的12个包更新涉及破坏性更改
(使用’ npm audit fix——force ‘来安装破坏性更改;或者参考’ npm audit '来获取手动修复这些问题的步骤)

2、组件不显示

在这里插入图片描述

Unknown custom element: <user-manage-data> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

vue报错：Unknown custom element: xxx - did you register the component correctly? For recursive compon
注册组件关键字components写错导致无法使用