首页 > 其他分享 >在Vue2项目中遇到的问题汇总

在Vue2项目中遇到的问题汇总

时间:2023-05-18 21:00:59浏览次数:40  
标签:vue install cnpm 遇到 汇总 报错 Vue2 组件 router

1 问题1: Proxy error: Could not proxy request /students from localhost:8080 to http://localhost:5000/.See ht

Proxy error: Could not proxy request /students from localhost:8080 to http://localhost:5000/.See ht

终端报错:


浏览器报错

这个里面给的文件没有打开,打开之后就正常了



最后显示:

2 vue-[Vue warn]: data functions should return an object

问题描述
在创建相应的vue页面组件时,引入组件后运行测试即出现现象中的报错问题。如下问题时vue页面开发中常见的一个问题
现象

当前问题是指向headcard.vue组件
解决方案
在headcard.vue中添加return{}返回值
在使用组件化的时候对应的组件中如果没有任何参数,也必须将retur{} 返回值加上。如果不加上则当前组件的数据会变成全局可视,则造成变量污染。加上return则组件数据只能当前组件可视,不会影响到其他组件

3 问题3 Component name “Home“ should always be multi-word vue/multi-word-component-names

报错!
原因:命名问题
方法:在vue.config.js中添加lintOnSave:false;

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
})
//  在vue.config.js中添加lintOnSave:false;

4 问题4:Can’t resolve ‘vue-router’ in (Vue3搭建项目中遇到的问题)

使用Vue-cli搭建好默认项目后,想要用路由功能,但是报错

Can’t resolve ‘vue-router’ in xxxx(某路径)

这是因为缺少包的原因
在命令行中运行一下命令重启项目即可解决

npm install vue-router

但是有在 安装插件的时候出现了错误
这里遇到的错误是:npm vue-router报错

下面在package.json文件的dependencies中添加"vue-router": "^3.5.3"如下图

然后再输入npm install vue-router@next --save进行安装就可以安装成功了

5 已声明“ ”,但从未读取其值。ts(6133) 原因及解决方法

在写 js 代码中,创建新的元素标签可能会遇到下面一种情况,告诉我们这个标签元素已声明,但从未读取其值,我们点击下面的快速修复,它又会把这行代码删除。

2、这其实不是代码出现错误问题了,只不过是我们没有调用这个标签元素,只需要在后面的代码中使用这个元素标签,它就会恢复正常。

6 Vue 报错: Property or method “handleOpen“ is not defined on the instance but referenced ...

Property or method “xxx” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
属性或方法“xxx”不是在实例上定义的,而是在呈现期间引用的。通过初始化该属性,确保该属性是反应性的,无论是在data选项中,还是在基于类的组件中。

根据关键词全局搜索发现:
某属性或者某方法没有定义,查看data或者methods或者prop

解决:

export default {
 data(){
  return{
    xxx:""
  },
 methods:{
    xxx(){}
 }
 },
}


7 解决报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)


解决办法:
出现该情况的原因是vue-router安装的版本太高,一般vue2的项目对应的版本是vue-router@3版本
①在控制台输入: cnpm install --save [email protected] 重新安装vue-router即可解决
如果没有安装cnpm命令的,可以先安装:cnpm install
②如果安装了cnpm 命令,则在控制台输入: cnpm install --save [email protected] 重新安装vue-router即可解决
③没有cnpm命令 也可 则在控制台输入: npm install --save [email protected] 重新安装vue-router即可解决

标签:vue,install,cnpm,遇到,汇总,报错,Vue2,组件,router
From: https://www.cnblogs.com/tingbao-zhimeng/p/17413281.html

相关文章

  • muduo库笔记汇总
    目录简介源码解析基础类日志库网络库简介muduo库是陈硕开发的Linux多线程事件库,适用于Linux服务器编程。Github地址:https://github.com/chenshuo/muduo文档介绍:https://book.douban.com/subject/20471211/源码解析基础类muduo笔记标记类copyable,noncopyablemuduo笔记......
  • 在.net6 使用opencvsharp4 在ubuntu arm64环境下遇到的问题
    rk3399Pro嵌入式板子在.net6中使用opencvsharp开发时,在windows平台可以正常运行,在ubuntu20.6,arm64架构下运行报错:unhandledexception.system.typeinitializationexception:thetypeinitializerfor'opencvsharp.internal.nativemethods'threwanexception.%0d%0a......
  • PPT制作技巧汇总(一)——电影级的丝滑感
    一、电影帘幕效果1.在页面上部分插入一个矩形,复制一个并移动到下部分。2.在页面中间插入两个相同标题,先选择上方矩形,再选中标题,剪除形状。同理对下方也进行如此操作。3.插入视频背景。右键,选择开始方式为自动,并将视频置于最底层。4.选中两个形状,添加飞出的退出动画,持续时......
  • 文本分类实战技巧(tricks)汇总
    目录 前言关于分词器关于中文字向量如果数据集噪声很严重baseline选用CNN还是RNN?路线沿着CNN还是RNN走?Dropout加在哪里关于二分类关于多标签分类类别不均衡怎么办别太纠结系列还是不会用tricks但是就是想跑出个好结果怎么办前言一年前小夕在知乎上提问过这么一个问题文本分类有哪......
  • 2022-2023年大二上mysql学习汇总
    CRUD等操作(DDL、DML、DQL)权限操作:createuser用户名@"localhost或%" identifiedby'密码'  showgrantsfor用户名@主机名 grant权限列表(all/insert/delete/select等)on库名(*).表名(*)to用户名@主机名  remove与授予一样函数:内置(后面加as......
  • 遇到redis主从不一致
    遇到问题:redis拿不到值,但是redis明明添加了值,连的端口不一致,主从不一致现在急需主从一致!谁redis没有,停掉服务 !   ......
  • docker 安装redis遇到的问题
    ocker:Errorresponsefromdaemon:driverfailedprogrammingexternalconnectivityonendpointmyredis(1cd3cedb32fe0bc958bf68043169dc47a823da902c00f2e225d5bba5d20922f6):Errorstartinguserlandproxy:listentcp40.0.0.0:6379:bind:addressalreadyinus......
  • 遇到的问题
    1.Macpycharm运行文件左下角提示error=2,nosuchfileordirector  https://blog.csdn.net/subian1261/article/details/120716738删除.idea文件夹,在Pycharm上设置Editconfigure-本地默认Python版本,python10.然后重新启动pyvcharm就可以解决掉。   ......
  • 最近遇到的一个问题 后端写好的接口,前端怎么获取数据
    这是我后端的接口:GET接口这是我前端运行的项目地址:简单使用:咱门前端使用颇受好评的axios来发起请求这是它的官网:https://www.axios-http.cn/不过要在vue中使用它,就需要先安装打开终端输入一下命令 npminstallaxios然后在需要使用的页面<script>中标签引入a......
  • 记录内网Docker启动Stable-Diffusion遇到的几个坑
    摘要:最近看到K8s启动stable-diffusion的文章,想着在自己开发环境复现一下。没想到在内网环境还遇到这么多问题,记录一下。本文分享自华为云社区《内网Docker启动Stable-Diffusion(AI作画)》,作者:tsjsdbd。最近看到K8s启动stable-diffusion的文章,想着在自己开发环境复现一下。没想到......