前端所遇问题栏
文章平均质量分 56
解决在前端学习过程中(从初级到中级)遇到的问题,以及解决方案
狮子座的男孩
技术不分家,都需要深挖!
展开
-
vue 解决:点击左侧相同菜单,右侧页面不重新加载的问题
无论是通过路由组件形成的平台管理系统,还是通过文件配置形成的平台管理系统,都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求;重复点击左侧导航栏的菜单(即:点击左侧导航相同菜单),右侧页面不重新加载,但左侧切换不同的菜单,右侧页面加载就没有问题;但要在左侧点击相同页面的导航栏(即:已经展示该页面,再点击左侧相同菜单,右侧页面不再重新加载,当然也没进行刷新操作);修改上述位置代码后,就解决了:点击左侧相同菜单,右侧页面不重新加载的问题;文件,且加载都没有问题(即:页面可以加载,对应的接口也可以加载);原创 2024-02-29 20:00:27 · 1099 阅读 · 4 评论 -
vue 解决:Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题
`找不到模块:错误:无法解析“vue-router”`根据报错的中文信息可知:应该是无法解析 `vue-router` 模块,应该是 `vue-router` 的版本或引入出了问题;原创 2024-01-24 19:47:26 · 5592 阅读 · 2 评论 -
解决 Git:ssh: connect to host github.com port 22: Connection timed out 问题的三种方案
**`ssh: connect to host github.com port 22: Connection timed out` `fatal: Could not read from remote repository.`****`ssh:连接到主机 github.com 端口 22:连接超时` `fatal:无法从远程存储库读取`**原创 2024-01-24 23:00:00 · 7424 阅读 · 2 评论 -
解决:Unexpected ‘debugger‘ statement.eslint(no-debugger) (即:页面中的 debugger 标红)的问题
博主汇总:https://blog.csdn.net/weixin_44198965/article/details/99839604。官网(推荐):https://cn.eslint.org/docs/rules/根据提示应该是 eslint 的问题,找到相应的位置给。后,标红用法不正确,但项目运行后的页面调试没问题;的调试过程中,突然发现在页面出现。加相应的规则应该就能解决该问题;原创 2023-08-11 01:00:00 · 4248 阅读 · 0 评论 -
解决:::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead 的警告问题
语言,而在使用穿透语法时,报了警告而非报错,但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道,本警告的主要问题在于。作为组合器的用法废弃,要使用。原创 2023-08-07 22:00:00 · 15523 阅读 · 6 评论 -
解决:Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON 问题的过程
中文为:后台返回的数据虽然是 字符串的样式,但是通过 方法一直解析不出来;应该是返回的字符串的数据不正确,可能多了一些不必要的符号等情况;其一、可能多了一些不必要的回车:A、数据格式为:B、数据展示为:其二、可能多了一些不必要的逗号(如:多了最后一个逗号就报错):A、数据格式为:B、数据展示为:其三、可能多了一些不必要的双引号:A、数据格式为:B、数据展示为:其四、正确的数据格式:A、数据格式为:B、json.parse() 操作后的数据为:C、数据展示为:其一、哪里有不对或不合适的地方,还请大佬们原创 2023-08-01 22:00:00 · 11375 阅读 · 0 评论 -
解决: ERR! network request to https://registry.npmjs.org/@fortawesome%2fvue-fontawesome failed 问题
依赖,还是运行项目都发现报错:ERR!等的操作过程中,发现无论是装 element-plus。根据提示发现应该是网络的问题,后面看看能不能 ping。通,如果还是有问题,就考虑换下。等的问题(因为 node.js。站点在国外,而在国内一般是用。版本与 node-sass。原创 2023-06-09 18:52:50 · 4302 阅读 · 8 评论 -
解决:ENOTEMPTY: directory not empty, rename ‘node_modules/webpack‘ -> ‘node_modules/.webpack-E4nb的三种方式
这个错误通常发生在尝试重命名一个目录时,操作失败,因为目录不为空。换句话说,目录中包含一个或多个文件或子目录,而重命名过程在目录非空的情况下无法进行;要解决此问题,您需要确保在尝试重命名操作之前,目标目录是空;如果在目标目录中发现任何文件或子目录,请将它们移动或删除到其他位置,根据您的要求进行操作;删除文件或目录时谨慎操作,因为这是一项永久操作,删除后无法恢复数据;验证要重命名的目录的内容,确保其中没有文件或子目录;项目时,突然报了一个这样的错误,想简单的删除。在目录为空之后,再次尝试重命名操作。原创 2023-07-05 23:00:00 · 10444 阅读 · 0 评论 -
解决:yarn 无法加载文件 “C:\Users\admin\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本“ 的问题
【代码】解决:yarn 无法加载文件 "C:\Users\admin\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本" 的问题。原创 2023-07-05 00:00:00 · 4062 阅读 · 2 评论 -
安装 node 过程中解决:The installer has encountered an unexpected errorinstalling this package 的问题
1、问题描述:在安装 node v14.19.0 版本的过程中报错:其一、问题全称为:其二、问题的中文翻译为:2、问题分析:经查询后,我认为的问题是:另一种说法为:3、问题解决:A、以管理员身份打开 cmd :B、输入自己要安装的 node 文件的地址:我要安装的地址为:C、此时就发现能成功安装了:其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!其二、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏):原创 2023-06-08 00:00:00 · 6714 阅读 · 6 评论 -
解决:Trailing spaces not allowed 及 Newline required at end of file but not found 的问题(ESlint)
1、将 .editorconfig 文件中的代码修改为:insert_final_newline = false。2、将 .eslintrc.js 文件中取消最后一个空行的规则校验为:‘eol-last’: 0。原创 2023-05-31 20:30:00 · 401 阅读 · 0 评论 -
解决:Property or method “form“ is not defined on the instance but referenced during render. 的问题
/ 即:将 form 表单放在 data 的 return 中定义。(未在 data 的 return 中定义。,应该是未在 data(),此时就是在实例上定义了;原创 2023-05-26 01:00:00 · 8932 阅读 · 0 评论 -
解决:在单项目组件里面引入 base.scss/ base.less 等的外部文件不成功的问题
在单文件组件里面使用封装在 base.scss。,若未引入,那么是肯定不能使用 .scss。其一、(以 sass(scss)其二、或没有在 main.js。文件的,那么样式肯定不生效;里面的样式用法一直不成功;,但是页面调用 .scss。或将写样式的 .scss。(注意:scss/less。文件里面写相关的样式;文件在 main.js。为例)首先看下项目中。中引入的 .scss。语言都是这样操作);// 虽然已经标明了。其一、写 .scss。原创 2023-05-25 02:00:00 · 755 阅读 · 0 评论 -
解决:error Unexpected trailing comma 问题或 error Trailing spaces not allowed 问题
错误 意外的尾部逗号。原创 2023-05-25 01:00:00 · 3337 阅读 · 0 评论 -
解决:在 Router 中父级未引入单文件组件而且 children 中的单文件组件不能在页面展示的问题
的单文件组件的内容,这才是想要的结果)(按道理讲:在引入的 children。内写了东西,页面的空白部分。(此时的页面才能展示出。,并在该单文件组件中。原创 2023-05-24 01:00:00 · 631 阅读 · 0 评论 -
解决问题:Error in mounted hook (Promise/async): “Error: Network Error“
然后下面就一堆的错误,不知道哪里有问题了;,而导致的本公司的网不能用,(我的就是如此,因为。原创 2023-05-23 23:45:00 · 777 阅读 · 1 评论 -
解决:html 页面显示 function () { [native code] } 的问题
/ 注意:此时html;data() {return {return '这就是 div 里的信息' } } } < / script > < style scoped > div {其一、代码为:// 注意:此时htmlafterHtml;data() {return {return '这就是 div 里的信息' } } } < / script > < style scoped > div {原创 2023-05-13 21:39:53 · 1568 阅读 · 0 评论 -
解决:完全卸载 VsCode 中 node 的问题(因版本过高而卸载)
地址:https://blog.csdn.net/weixin_43405300/article/details/124698796。地址:https://blog.csdn.net/weixin_43405300/article/details/118445028。地址:https://blog.csdn.net/weixin_43405300/article/details/124720729。版本过高的问题,因此需要卸载 16 版本的。的版本不匹配的问题,查看其原因发现是。,想把其卸载并安装为。原创 2023-02-27 21:32:48 · 2803 阅读 · 4 评论 -
解决:给 VSCode 手动添加(解压压缩包)相关插件的问题
找到该位置后将 A 所述文件放在 extensions。A、一般是 C 盘 => 用户 => .vscode。B、然后 .vscode => extensions。里面扩展程序里面直接搜索添加即可;C、然后退出 VSCode。就会看到对应插件的提示;原创 2022-11-26 11:33:24 · 6665 阅读 · 2 评论 -
解决:Uncaught (in promise) TypeError: Failed to fetch 的问题
中文翻译:CORS 策略已阻止从源“.......”获取“.......”的访问权限:对预检请求的响应不通过访问控制检查:预检请求不允许重定向。解决方案:可能是 Chrome 浏览器版本的问题,因此将 Chrome 浏览器设置成。中文翻译:加载资源失败:net::ERR_FAILED。看到提示,肯定是 Chrome 浏览器 跨域。,就使用管理者权限继续操作;符号前面都有一个空格】符号前面都有一个空格】,应该就能解决该问题;若提示需要 管理者权限。原创 2022-11-21 23:21:53 · 33698 阅读 · 24 评论 -
解决:Invalid prop:Expected String with value “30“, got Number with value 30.的问题
中文翻译:无效的道具:道具“标签”的类型检查失败。预期值为“30”的字符串,得到值为 30 的数字。看到提示,肯定是设置的。(即:设置的字符类型为。原创 2022-10-02 11:48:08 · 4181 阅读 · 0 评论 -
Uncaught Error: [vue-router] “path“ is required in a route configuration 的解决方案
中文翻译:未捕获的错误:[vue-router]“路径”在路由配置中是必需的。看到提示,肯定是 vue-router 的 path 的原因报错;原创 2022-08-23 22:37:01 · 13864 阅读 · 9 评论 -
error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法
新手在使用脚手架时总会报各种错,报错信息指的是我们组件名有些问题,官方文档建议组件名写成驼峰式或者-衔接的形式,故在编译的时候把命名不规范的代码判定为不规格;翻译为:错误组件名称“索引”应始终为多词 vue/多词组件名称。在创建组件命名时,引用 index.vue。原创 2022-08-21 22:51:56 · 12906 阅读 · 8 评论 -
解决:code ERESOLVE:ERESOLVE could not resolve 的报错问题
大概是因为版本的问题吧,因为我在装。的时候没有问题,且之前项目安装。的时候并没有任何问题;原创 2022-07-16 18:30:41 · 22125 阅读 · 2 评论 -
解决:Function rgb is missing argument $green. 的问题
搜了一下,换一种表达方式(即中间加了逗号)box-shadow1px1px1px1pxrgba(0,0,0,10%);原创 2022-07-16 00:58:53 · 5718 阅读 · 2 评论 -
两种方案解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
在用 正常来创建新的基于 的项目,在安装好 之后,运行命令 ,报错情况如下:其一、创建项目的过程及命令是没有问题的,基于 vue2 框架的版本也没有问题,可以考虑是在创建项目中出现了中文名字的原因(因为此项目的上一层我用的是汉字)?其二、文件的配置问题,在脚手架进行创建项目的时候,有关多个文件名重名了(报错是 index.html 文件发生冲突了)?1、方案一、尝试用纯英文命名,避免中文命名的影响();2、方案二、修改 文件名称,以及 webpack 的相关配置文件();该项目文件的上一层命名 ;原创 2022-07-11 12:00:00 · 67622 阅读 · 48 评论 -
解决:Git 报错 “git 未能顺利结束 (提出码 1 )“ 的问题
1、问题描述:其一、打开 git(或小乌龟) 来拉代码的时候,突然报错:git 未能顺利结束 (提出码 1 )其二、报错的显示结果为:2、问题的解决过程:其一、打开 Git 工具并输入命令:git push -f origin master其二、 Git 中输入命令的过程展示:其三、成功解决问题后的显示结果为:3、小结:其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!其二、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏):https://bl原创 2022-05-18 21:12:49 · 14744 阅读 · 9 评论 -
解决:创建 Vue 项目中 VSCode 显示无法加载文件,因为在此系统上禁止运行脚本的问题以及如何以管理员身份运行 VSCode
1、遇到的问题:想用 vue-cli 脚手架创建 vuex 项目,却发现 VSCode 报错为:无法加载文件,因为在此系统上禁止运行脚本的问题;2、解决问题的过程:其一、首先在编辑器终端输入 get-ExecutionPolicy;会发现此时终端显示的结果为:Restricted (即:表示脚本被禁止,无法使用,因此需要解决)其二、在编辑器终端输入命令:set-ExecutionPolicy RemoteSigned;会发现此时终端显示的结果为:没有修改权限且需要用"以管理员身份运行"启动原创 2022-05-12 23:01:11 · 5210 阅读 · 6 评论 -
node-sass/sass-loader的报错问题:npm ERR code ETARGET npm ERR No matching version found for node-sass@
1、报错的原因:node 、node-sass、sass-loader 之间的版本不匹配;// 其一、node-sass的报错问题:npm ERR! code ETARGETnpm ERR! notarget No matching version found for node-sass@4.12.1.npm ERR! notarget In most cases you or one of your dependencies are requestingnpm ERR! notarget a原创 2022-05-11 22:47:51 · 16194 阅读 · 0 评论 -
node 14.19.0 版本成功解决:安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号
1、node 版本、node-sass 版本及 sass-loader 版本查看:其一、我的 node 版本查看:在命令行输入查询命令:node -v我的 node 版本为:v14.19.0其二、我的 node-sass 版本查看:"node-sass": "^4.14.1"其三、我的 sass-loader 版本查看:"sass-loader": "^7.3.1"2、node 版本与 node-sass 版本的对应关系:其一、查看文档的地址:https://www.npmjs.com原创 2022-05-11 22:23:59 · 54497 阅读 · 36 评论 -
解决:在 VSCode 中如何设置默认的浏览器为Chrome或Firefox
1、问题描述:在 VSCode 编辑器中,其一般默认打开的浏览器是 IE 浏览器,而我已经习惯使用 Chrome 浏览器,以及会遇到页面的调试等不同的问题,因此需要将 VSCode 的默认浏览器调整为 Chrome 浏览器;2、操作过程:A、首先需要再 VSCode 中的扩展中安装:open in browser 插件(若:已安装的请忽略此步骤);B、以修改默认浏览器 Chrome 为例:选择文件 --》首选项 --》设置;并在在搜索栏输入 open in browser 后,此时的页面显示原创 2022-04-17 14:13:56 · 44330 阅读 · 45 评论 -
用 cors 解决:Access to XMLHttpRequest at ‘http://localhost:5500/get‘ from blocked by CORS policy 等的跨域问题
用 cors 解决跨域问题原创 2021-12-09 15:07:14 · 9399 阅读 · 6 评论 -
解决:nrm throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value); 问题
1、问题描述:在 node 中安装好了 ‘nrm’ 却发现在执行命令后,抛错:‘nrm throw new ERR_INVALID_ARG_TYPE(name, ‘string’, value);’,该文章目的就是要找到该错误的原因以及解决该错误;2、问题展示:首先,在 cmd 命令行中运行命令 ‘nrm ls’,其会抛错;即使是查看是否存在 vrm 的命令:‘nrm -V’ (注意:是大写的 ‘V’),也是抛出下述错误;‘nrm throw new ERR_INVALID_ARG_TYP原创 2021-08-18 15:23:50 · 3524 阅读 · 0 评论 -
解决问题:用 VSCode 中的 code runner 插件,用 require 引入文件却不能查找到文件的问题
1、问题描述:用 VScode 中 require 引入文件却查不到想对应的文件,更是无法将信息显示出来;2、问题展示:A、第一组:其一、代码展示为:let fs = require('fs'); let bool = fs.existsSync('./a.txt');console.log(bool);其二、文件存放位置展示:其三、用 node 运行结果展示为:‘false’,不是想要的结果;发现其结果展示为 false,但理应的显示结果为 true,因为这个文件 ‘a.txt’原创 2021-08-05 12:23:47 · 2360 阅读 · 2 评论 -
解决在 npm 中创建 ‘package.json‘ 文件报错不能创建的问题,以及在 ‘script‘ 中改名运行后抛错的问题
1、问题描述:按照要求建立了 ‘package.json’ 文件,创建了一个文件为 ‘npm.js’ 文件,以及默认的 ‘index.js’ 文件,且在 ‘npm.js’ 中存在代码为:‘console.log(123);’;2、问题展示:其一、在 ‘npm.js’ 的上级文件夹打开 ‘Open in Integrated Terminal’ ,然后输入运行命令 ‘node npm.js’,可正常运行,结果如下所示:123;其二、在 ‘package.json’ 中的 ‘script’ 中修改名字原创 2021-08-18 11:28:10 · 2791 阅读 · 0 评论 -
解决:Vue项目中报错为 “TypeError: _this2.getListFn is not a function“ 或 Property or method “inputFn“ is not
1、报错的信息全称为:其一、报错信息为:TypeError: _this2.getListFn is not a function或Property or method "inputFn" 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 component原创 2022-04-03 08:47:15 · 4330 阅读 · 2 评论 -
解决:VSCode中 “Error:Can‘t find Python executable “python“, you can set the PYTHON env varible” 的问题
1、报错的信息:A、常见的误区:认为可能是因为自己 VSCode 中,因为没有 python 环境而导致的该问题;B、报错的原因:可能是因为想要用 node-sass 文件,而报的错,如果这样的话再在 VScode 中下载一个 python 就很离谱;C、报错的页面展示:2、解决方案:其一、在 CMD 的管理员状态下,输入代码:npm install --global --production windows-build-tools可能就解决问题了吧,但是我的问题仍然没解决;其二、用原创 2022-03-28 22:20:45 · 2116 阅读 · 0 评论 -
解决:笔记本能连接 WiFi,但在浏览器中并不能访问网页的问题的四种方案;
Ⅰ、该问题可能出现的情况:其一、WiFi 本身有问题;其二、电脑连接 WiFi 出问题了;Ⅱ、问题的解决过程:其一、怀疑是 WiFi 的问题:但手机连接该 WiFi,没有问题,说明并不是 WiFi 本身的问题;其二、怀疑是笔记本连接 WiFi本身的问题(因为:听歌什么的都可以):1、方法一:将把获取 DNS 地址改为自动;A、打开设置,并找到网路和 Internet;B、找到并打开 ‘网络和共享中心’;C、选择已连接的 WiFi ;D、打开属性;E、选择 (TCP/IPv4)原创 2022-01-06 00:06:42 · 78097 阅读 · 76 评论 -
参加了一下2021年「博客之星」,喜欢我文章或者觉得不错的可以相互支持下
这是一篇水文参加了一下2021年「博客之星」,喜欢我文章或者觉得不错的可以帮忙支持下投票地址:https://bbs.csdn.net/topics/603957164已经帮我投五星啦,列表可查(4级原力),一定帮你投票,诚信互投,多谢多谢!...原创 2022-01-01 13:35:44 · 209 阅读 · 12 评论 -
解决因 Gitee 项目账户密码输入错误,而不能将 VSCode 项目到 Gitee 上的问题
1、问题描述:刚开始在 Gitee 上注册仓库、连接 VSCode 等操作一切都顺利,但执行最后一次操作后:‘git push -u origin master’ 时,却弹出一个输入账户和密码的框;然而在输入错误后,就一直弹出错误,无法正确将项目传到我想要的仓库上;其一、弹出的用户名和密码:其二、输入错误后弹出的信息:2、解决办法:查询资料后发现,需要在 ‘控制面板’ 中找到相关的 ‘凭据管理器’ ,然后再删除相关的注册凭据,就可以再重新输入账户和密码了;操作步骤如下:A、打开 ‘控制面原创 2021-10-28 15:44:31 · 1500 阅读 · 6 评论