Vue-admin-template 报Uncaught (in promise) error问题及解决

目录
  • Vue-admin-template 报Uncaught (in promise) error
    • 问题描述
    • 解决问题
  • Vue常见错误解决

Vue-admin-template 报Uncaught (in promise) error

问题描述

在使用Vue-admin-template时,配置好后端,在请求时,突然报错 而且后端接到请求了,并且返回数据了。

解决问题

找了半天,发现问题在request.js中。

可以发现,是因为状态码不匹配,所以,直接被抛出异常了!

将状态码2000改成自己的成功状态码就OK了。

注:由于Vue-admin-template中的Ajax请求数据都是Mock.js模拟的,所以,如果要改,建议,把mock目录中,模拟的状态码也一并修改!

Vue常见错误解决

Compiled with problems:

编译问题

C:\myel\src\views\HomeView.vue

错误出现文件

3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs

4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs

第3行的第一个字符

第4函的第一个字符

Mixed spaces and tabs

错误原因:混合的空格与tab

no-mixed-spaces-and-tabs

错误规则: no-mixed-spaces-and-tabs 不准混空格与tab

2 problems (2 errors, 0 warnings)

2个问题(2个错误,0个警告)

Compiled with problems:

编译错误

ERROR in ./src/views/HomeView.vue?

错误出现的位置

Unexpected keyword 'const'. (6:0)

第6行第0个字符有个不应该出现的关键字 const

63 | const user = reactive({ userid: "", pwd: "", code: "" }), | ^ 64 | const rules = reactive({ | ^ 65 | userid: [

第63到64行两个^之间有错误

ERROR in ./src/router/index.ts 10:19-57

错误发生在 ./src/router/index.ts 第10行第19个字符到57字符

Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'

,模块找不的 不能resolve(兑现,发现,解决)../views/admin/AdminVeiw.vue

在C:\myel\src\router

总结:文件../views/admin/AdminVeiw.vue(文件名/路径发生错误)

ERROR in ./src/views/HomeView.vue

错误发生在HomeView.vue

VueCompilerError: Element is missing end tag.

标签没有结束标签

2 | <div class="login">

| ^

第二行的div

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'id')

没有捕捉到(承诺)类型错误:不能够与读取undefined的属性 (读取id)

beforecreate创建前

created 创建

mounted 挂载(显示渲染dom节点了)

<h1>{{joks[0].summary}}</h1>

joks默认是空的

TypeError: Cannot read properties of undefined (reading 'summary')

不能够在undefined上面读取 summary属性

getJok 获取数据

触发更新

updated 更新页面(有数据了更新数据显示出来了)

出现 []下标 .属性 用v-if (第一次不渲染,等待更新后再渲染)

Uncaught (in promise) TypeError: state.goods.forEach is not a function

对state.goods.forEach 没有这个forEach(goods不是一个数组)

index.js

C:\youmi\src\views\AboutView.vue

出错的文件地址

16:17 error 'reactive' is not defined no-undef

第16行17字符错误 reactive 没有定义

App.vue 第30错误

[vuex] unknown mutation type: changeA

vuex 找不到一个叫changeA的mutations

在AboutView发生错误

VueCompilerError: Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).

vue编译错误:属性name 不能不包含 “ ‘ <

at C:\youmi\src\views\AboutView.vue:8:2

第8行

const 不能重复赋值

check被定义了没有备调用

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • JavaScript中Promise的执行顺序详解

    目录 前言 代码分析 then 方法何时调用? 总结 前言 最近看到一个 Promise 相关的很有意思的代码: new Promise((resolve) => { console.log(1) resolve() }).then(() => { new Promise((resolve) => { console.log(2) resolve() }).then(() => { console.log(4) }) }).then(() => { console.log(3

  • Promise改写获取萤石云直播地址接口示例

    目录 改写原因 技术选择 源码 改写原因 通常情况下,萤石云的直播地址都是在服务端进行获取,然后存储到数据库中,但是萤石云官方默认同一个ip最多只能使用5个appKey,否则会爆出appKey数量超出安全限制的错误提示. 因此改为前端进行api的调用,来分散ip和appKey之间的绑定(这一点对开发者而言其实意义并不是很大,应为开发者的ip是固定的,测试过程中迟早也会超出数量限制). 技术选择 需求明确之后,有两种方案可供选择. ajax回调 Promise异步编程解决方案 整个直播链接的获取流

  • vue中返回结果是promise的处理方式

    目录 返回结果是promise的处理 对promise的一些理解 1.promise是一种异步解决方案 2.async await 返回结果是promise的处理 调用element-ui中提供的方法是,经常返回结果类型对象是promise, 如果某个函数调用的结果打印后返回的是promise,就马上用saync和await进行优化,async放到方法名称的前面,await放到方法里面 对promise的一些理解 1.promise是一种异步解决方案 由于ajax异步方式请求数据时,我们不能知道

  • 小程序接口的promise化的实现方法

    最近在写微信小程序,为了能用上 async/await 方法,需要把微信提供的异步操作包装成 Promise 对象,为此写了一个简单的 promise(fie) 函数: /** * @function promise - 将 wx 接口 promise 化 * * @param { String|Function } wxApi - 需要转换的接口/接口名 * @param { Object|Any } [originParam = {}] - 原接口要求的参数对象 * @param { Obj

  • 详解将微信小程序接口Promise化并使用async函数

    前言 小程序一直到现在接口还是和刚开始一样使用的回调函数的方式,如果想在小程序中不使用框架的情况下使用Promise+Async怎么办呢? 2019最新解决方案 1. 将接口Promise化 首先建一个文件wxPromise.js const promisify = name => option => { return new Promise((resolve, reject) => wx[name]({ ...option, success: resolve, fail: reject

  • vue中Promise的使用方法详情

    目录 一.使用 1.promise是一种异步解决方案 2.asyncawait 简介: promise是什么,它可以说是异步编程的一种解决方法,就拿传统的ajax发请求来说,单个还好,如果是一个请求回来的数据还要被其他请求调用,不断地嵌套,可想而知,代码看起来是很乱的,promise主要是为了解决这种情景而出现的. 一.使用 1.promise是一种异步解决方案 由于ajax异步方式请求数据时,我们不能知道数据具体回来的事件,所以过去只能将一个callback函数传递给ajax封装的方法,当aj

  • Vue-admin-template 报Uncaught (in promise) error问题及解决

    目录 Vue-admin-template 报Uncaught (in promise) error 问题描述 解决问题 Vue常见错误解决 Vue-admin-template 报Uncaught (in promise) error 问题描述 在使用Vue-admin-template时,配置好后端,在请求时,突然报错 而且后端接到请求了,并且返回数据了. 解决问题 找了半天,发现问题在request.js中. 可以发现,是因为状态码不匹配,所以,直接被抛出异常了! 将状态码2000改成自己

  • 解决Vue-Router升级导致的Uncaught (in promise)问题

    在升级了Vue-Router版本到到3.1.0及以上之后,页面在跳转路由控制台会报Uncaught (in promise)的问题 这是什么原因呢? 看vue-router的版本更新日志 V3.1.0版本里面新增功能:push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常 解决方法一:在调用方法的时候用catch捕获异常 this.$router.replace({ name: 'foo' }).catch(err => { console.log('all go

  • vue中关于template报错等问题的解决

    目录 template报错 vue报错问题 template报错 写这个纯粹是为了纪念有多蠢 template:` <div class='app'>     <button ref = 'btn'>我是按钮1</button>     <subCom ref = 'subc'></subCom> </div>     `, 关于template里面写的HTML,经历了报错,控制台反映字符串不齐,语法错误等一系列问题后,查遍了各种博客

  • Vue项目报错:Uncaught SyntaxError: Unexpected token '<'的解决方法

    目录 问题: 一.public下的index.html没有引入其他外部js文件. 二. public下的index.html引入其他外部js文件. 原因一.引用文件的位置不正确 原因二:配置信息不正确 原因三:script的引入类型不对 总结 问题: 最近做vue项目时,当我访问二级路由的时候,就会报Uncaught SyntaxError: Unexpected token ‘<‘错误,而我访问一级路由不会报错.翻了网上很多资料,都无法解决. 一.public下的index.html没有引入其

  • Vue 中 template 有且只能一个 root的原因解析(源码分析)

    引言 今年, 疫情 并没有影响到各种面经的正常出现,可谓是络绎不绝(学不动...).然后,在前段时间也看到一个这样的关于 Vue 的问题, 为什么每个组件 template 中有且只能一个 root? 可能,大家在平常开发中,用的较多就是 template 写 html 的形式.当然,不排除用 JSX 和 render() 函数的.但是,究其本质,它们最终都会转化成 render() 函数.然后,再由 render() 函数转为 Vritual DOM (以下统称 VNode ).而 rende

  • 解决vue安装less报错Failed to compile with 1 errors的问题

    1.创建vue项目后安装less,执行 npm install less less-loader --save-dev 下载版本为:less-loader@6.1.0 , less@3.11.3,重启服务报错,报错信息如下: 2.报错原因 less 本版太高需要降低版本,执行代码 先移除之前版本: npm uninstall less-loader 下载指定版本: npm install less-loader@5.0.0 -D 3.重启代码就可以了,若还是报错可移除文件node_modules

  • 微信小程序:报错(in promise) MiniProgramError

    今天学习了小程序实现路由跳转,我在操作的时候在控制台出现以下错误信息. 翻译过来的意思是:(承诺中)微程序错误{"errMsg":"n"avigateTo:故障can未导航到选项卡页"}对象 问题原因: 经过查阅资料,知道使用navigateTo路由跳转方式,保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面. 解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就ok. 我就简单说一下我用navi

  • 解决vue内存溢出报错的问题

    目录 vue内存溢出报错 vue项目打包内存溢出问题踩坑 打包时一直报错 从网上搜的答案还是踩坑了 最终针对我的有效方案 vue内存溢出报错 '"node --max-old-space-size=10240"' 不是内部或外部命令,也不是可运行的程序或批处理文件.npm ERR! code ELIFECYCLEnpm ERR! errno 9009npm ERR! mscodevue@3.0.2 dev: `vue-cli-service serve`npm ERR! Exit st

  • Vue环境搭建报错整理大全

    目录 错1: 执行 cnpm install / npm install 报错如下 办法1:降低node.js版本 办法2:降低版本依旧报错,执行相关命令 报错2:core-js 缺失问题 报错3: Connection was aborted, errno 10053 报错4:npm ERR! git@github.com: Permission denied (publickey) 错误5:Error: Cannot find module 'webpack' 问题解决办法 错误6: wan

  • mysql登录报错提示:ERROR 1045 (28000)的解决方法

    本文分析了mysql登录报错提示:ERROR 1045 (28000)的解决方法.分享给大家供大家参考,具体如下: 一.问题: 公司linux系统的mysql数据库root用户设置过密码,但常常用命令'mysql -u root -p'登录报错,有时又能登录.登录报错信息为: [root@localhost ~]# mysql -u root -p Enter password: ERROR 1045 (28000): Access denied for user 'root'@'localho

随机推荐