![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端报错解决
关于我在学习过程中遇到的前端报错以及相关的解决的方法
老衲的少女心i
老衲突然喜欢粉红色
展开
-
【报错】Trailing spaces not allowed no-trailing-spaces
“Trailing spaces not allowed no-trailing-spaces” 这句话的意思是“不允许尾随空格”。这通常是在编程或代码编辑环境中遇到的一个规则或错误提示。在许多编程规范和代码质量检查工具中,尾随空格是被视为不规范的,因为它们不携带任何有用的信息,可能会导致不必要的差异和混淆。例如,如果你在代码的某行末尾添加了空格,然后提交了这个更改,但实际上你的代码逻辑并没有变化,那么这个更改可能是不必要的,甚至可能会影响到代码审查或版本控制。因此,一些代码质量检查工具(如ESLint对于原创 2024-04-11 14:33:27 · 879 阅读 · 0 评论 -
【npm下载报错】npm ERR! code EUNSUPPORTEDPROTOCOL npm ERR! Unsupported URL Type “xxx:“: xxx:^0.0.1
xxx提示:以下是本篇文章正文内容,下面案例可供参考xxx。原创 2024-04-09 10:43:35 · 3798 阅读 · 2 评论 -
#Ant Design Pro#初始化搭建报错:pro : 无法加载文件 C:\Program Files\nodejs\pro.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅...
提示:这里可以添加本文要记录的大概内容:报错解决提示:以下是本篇文章正文内容,下面案例可供参考提示:这里对文章进行总结:报错总结。原创 2024-03-26 10:18:42 · 332 阅读 · 0 评论 -
#常见问题总结#在docker中跑前端vue项目
记录在docker中跑前端项目过程中,我遇到的问题以及解决方法提示:以下是本篇文章正文内容,下面案例可供参考删除线格式。原创 2024-01-24 17:43:30 · 466 阅读 · 0 评论 -
monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule
升级monaco版本,和vue-cli版本,打开.ts后缀的文件,报错。原创 2023-12-05 18:12:42 · 1005 阅读 · 0 评论 -
#element-plus# not found: Error: Can‘t resolve ‘element-plus/es/components/xxxx/style/css‘ in...
重新下载element-plus,即可解决。执行npm run serve报错。原创 2023-12-05 18:03:34 · 597 阅读 · 0 评论 -
#vue#npm 下载依赖卡住一直不动# reify:typescript: timing reifyNode:node_modules/webpack Completed in 120641ms
npm卡住,一直不动,可能是npm源的问题,尝试切换一下npm源。CTRL + C 暂停,重新执行,npm i。原创 2023-12-05 18:00:18 · 2138 阅读 · 0 评论 -
【编译警告】start value has mixed support, consider using flex-start instead
css规范问题,flex布局下,justify-content:start;应该为:justify-content: flex-start。原创 2023-12-01 16:18:03 · 402 阅读 · 0 评论 -
The request client is not a secure context and the resource is in more-priyate address space “local‘
当前用户打开的站点是http,但是在当前站点是一个angular和vue共存的界面,vue里面引入的jq资源是https,在谷歌里面打开就报跨域,换成https打开,就没有这个问题。当然,这两个都需要用户手动更改,那么有没有不需要用户操作的方法尼?我还在研究中~有想法的伙伴可以留言,一起讨论呀!谷歌浏览器报错无法正常打开站点,非谷歌内核可以正常打开。原创 2023-11-17 10:12:03 · 137 阅读 · 0 评论 -
#Vue#安装element-plus报错#npm ERR! code EEXIST
npm下载element-plus报错原创 2022-07-21 14:47:55 · 2066 阅读 · 0 评论 -
#react#找不到模块“react/jsx-runtime”或其相应的类型声明。ts(2307)
找不到模块“react/jsx-runtime”或其相应的类型声明。ts(2307)原创 2022-06-28 11:21:27 · 10598 阅读 · 0 评论 -
前端控制台报错#Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘0‘)
目录前言一、报错截图?二、使用步骤总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、报错截图?这里是我在项目中产生报错的截图:报错的原因:这个是使用了undefined或者null的值进行了.attrname或者解构造成的二、使用步骤该处使用的url网络请求的数据。总结提示:这里对文章进行总结:例如:以上就原创 2022-02-23 10:15:24 · 86347 阅读 · 0 评论 -
AngularJS项目报错#Failed to load resource: the server responded with a status of 403 (Forbidden)
报错Failed to load resource: the server responded with a status of 403 (Forbidden)加载资源失败:服务器响应状态为 403(禁止)分析首先,报错的状态码:403是一个错误代码,表示 Web 浏览器用来表示错误消息的 HTTP 状态代码。403 错误消息描述了不同类型的名称,例如 :403 ForbiddenHTTP 403HTTP Error 403 – ForbiddenError 403...原创 2021-12-06 10:47:21 · 3382 阅读 · 0 评论 -
报错#angular.min.js:12330 Error: [ng:areq] Argument ‘config_in_portlistening_ctrl‘ is not a function,
报错描述我在封装一个组件引入我的另外一个界面的时候,运行项目,产生的报错。文字描述angular.min.js:12330 Error: [ng:areq] Argument 'config_in_portlistening_ctrl' is not a function, got undefined翻译结果:参数“config_in_portlistening_ctrl”不是函数,未定义AngularJS 经常使用辅助函数断言某些值将存在且为真。如果断言失败,则抛出此错误。要解决此问题,请确原创 2021-10-22 11:37:12 · 169 阅读 · 0 评论 -
#控制台报错#‘less‘ errored after(docker容器,gulp打包)
前言今天在项目保存的时候,已经设置页面自动刷新,但是:#控制台报错#'less' errored after解决这里报错的地方是gulp,说明打包的时候,产生的报错。检查代码,定位到less,也就是css的样式,查看刚才编辑的样式文件,发现,多写了一个结束符号,删除结束符,再次检查,没问题之后,重新打包部署,解决。...原创 2021-10-22 11:29:33 · 206 阅读 · 0 评论 -
AngularJS项目报错#Uncaught SyntaxError: Invalid shorthand property initializer
报错描述自己的项目在运行的时候,突然报错:Uncaught SyntaxError: Invalid shorthand property initializer翻译:方法解决原因如图:解决方法就是将此处的=,修改成:原创 2021-10-14 10:18:27 · 182 阅读 · 0 评论 -
#vue报错#vue : 无法加载文件 C:\Users\v_sujzhou\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,
错误描述:今天在执行命令:npm install -g @vue/cli下载vue脚手架,但是在检测版本,查看是否安装成功的时候,报错:查看了网上的解决方法,有些没有看懂,所以,今天做个自己的报错总结。解决:我的一般问题的解决步骤:一般来说,在我遇见报错的时候。首先,第一件事,我是检查自己命令有没有写错,如果没有写错,我会再运行一遍,看看是否还是报错。其次,如果还是报错,我就会,吧当前命令行窗口关闭,然后以管理员的身份再次打开命令行窗口,进行上一次的命令行输入执行,查看是否报错。再者原创 2021-10-09 09:59:47 · 328 阅读 · 0 评论 -
#报错解决#TypeError: Failed to execute ‘readAsText‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘.
项目场景:问题描述:TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'.原因分析:提示:这里填写问题的分析:例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 me原创 2021-09-17 17:20:44 · 10711 阅读 · 2 评论 -
vue项目报错解决:Parsing error: x-invalid-end-tag vue/no-parsing-error
报错:Parsing error: x-invalid-end-tag vue/no-parsing-error原因:View将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决方法文件/首选项/设置在上面的搜索栏输入:vetur.validation.template取消勾选...原创 2021-08-28 00:47:38 · 6406 阅读 · 3 评论 -
vue项目报错解决:Failed to resolve loader: less-loader
报错:Failed to resolve loader: less-loader解決:没有下载less依赖,下载依赖npm i less==>还是报错,这里npm i less-loader,下载报错换用yarn add less-loader,下载报错==》是因为当前的powershell终端不适用,换成cmd命令npm i less-loader,下载报错,换成yarn add ,下载成功...原创 2021-08-26 22:32:49 · 3560 阅读 · 0 评论 -
报错#vue项目#Vetur(2345):Argument of type ‘{}‘ is not assignable to parameter of type ‘new (...args: any
前言出现这个问题很久了,在网上进行相关的搜索也没发现什么好的解决方法,所以自己开始了相关问题的探索路程。既然这个目前网上也没有较好的方法,而这个问题,也是我经常在开发过程中遇到的问题,虽然不影响我们的项目的正常运行,但始终是看待这个红色的东西,心里面就会很不舒服!开始啦!报错环境在创建vue项目之后,编辑.vue的文件,出现报错:(但不影响项目的正常运行)Argument of type ‘{}’ is not assignable to parameter of type ‘new(…arg原创 2021-08-07 16:08:51 · 4429 阅读 · 3 评论 -
报错#error More than 1 blank line not allowed no-multiple-empty-lines
报错环境在创建vue脚手架,之后,修改/src/App.vue删除我们不需要的代码<template> <div id="app"> my_ui </div></template><script>export default {}</script><style lang="scss"></style>启动项目:npm run serve报错:er原创 2021-08-07 11:40:59 · 5838 阅读 · 0 评论 -
报错#vue-router#unknown custom element: <router-link> - did you register the component correctly?
报错截图:报错信息:[Vue warn]: Unknown custom element: - did you registerthe component correctly? For recursive components, make sure toprovide the “name” option. found in —> at src/App.vue 翻译:[Vue 警告]:未知的自定义元素: -你正确注册组件了吗?对于递归组件,请确保提供“name”选项。在src原创 2021-06-15 16:04:29 · 4153 阅读 · 0 评论 -
报错:找不到模块“antd-mobile (也可以是其他的模块)”或其相应的类型声明。
报错截图:解决方法:方法1:npm i -D @types/模块名以往遇到这个问题的时候,都是用的这个方法,但是这次却,发生错误:这个方法不管用之后,我换了另外一个命令yarn add @types/模块名 -D还是没有用,同样报错,随后,我采取了终极解决方案:把node-module这个文件夹删除了之后,在重新下载依赖命令:npm i 即可解决报错,如果,还是找不到什么模块,在这里只需要,重新下载即可npm i 模块名...原创 2021-06-07 19:10:53 · 5340 阅读 · 0 评论 -
报错:不能将类型“undefined”分配给类型“RouteType”。ts(2322)
报错:不能将类型“({ path: string; component: (props: RouteComponentProps<{}, StaticContext, unknown>) => Element; } | undefined)[]”分配给类型“RouteType[]”。不能将类型“{ path: string; component: (props: RouteComponentProps<{}, StaticContext, unknown>) => E原创 2021-06-07 18:56:51 · 14836 阅读 · 2 评论 -
js报错:Failed to load resource: the server responded with a status of 404 (Not Found):
报错:报错截图:文字提醒:Failed to load resource: the server responded with a status of 404 (Not Found) :8020/favicon.ico:1翻译:加载资源失败:服务器响应404 (Not Found):8020/favicon.ico:1解决方法:经常会遇见这个问题,在我自己写js的时候。...原创 2021-04-07 18:27:58 · 141252 阅读 · 18 评论 -
Invalid left-hand side in assignment页面报错问题解决方法
报错截图:截图内容翻译:即左边的参数引用报错。错误代码截图:错误原因:user="zhousujuan"&&pass="12345678"的写法不正确.应该写user=="zhousujuan"&&pass=="12345678"。更改后不报错.程序运行正常。更改后代码:<script> //先弹窗,并获取用户初始输入的账号名和密码 var user=prompt("请输入用户名:"); var pass=prompt("请输入密原创 2021-03-23 20:31:36 · 29982 阅读 · 0 评论