![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目中遇到的问题及解决方案
文章平均质量分 60
项目中遇到的问题及解决方案
努力学习前端的小陈
每一天都在努力学习前端,专栏有报错,配置专栏,用于记录每次报错的问题及处理方案
展开
-
使用phpStudy显示3306端口被占用,该怎么办?
当使用phpStudy进行数据库的导入时,提示3306端口被占用,数据不能成功导入原创 2022-10-03 16:19:28 · 11520 阅读 · 1 评论 -
在 Windows 系统下,如何将“使用VSCode打开”添加至鼠标右键菜单栏
出现的问题:在使用 VScode编辑器 进行日常的学习或项目的开发时,常常因为鼠标右键菜单栏没有 “使用VSCode打开”,而要将要打开的文件进行拖拽到 VScode编辑器打开,或者在 VScode编辑器 中进行文件的打开;如果将“使用VSCode打开”添加至鼠标右键菜单栏,可以提高开发效率;为什么有人默认有Open with Code(右键快捷方式)呢?在 Windows上面安装Visual Studio Code编辑器后,由于安装的时候忘记勾选等原因,没有将Open wit...原创 2022-05-13 18:17:04 · 495 阅读 · 2 评论 -
ESLint 中的“ space-before-function-paren ”相关报错及其解决方案
CSDN话题挑战赛第1期活动详情地址:CSDN参赛话题:前端学习记录话题描述:记录前端学习过程中的某个知识点、解决方案等等目录出现的问题及其报错:报错原因:解决方案:方案一:方案二:方案三:space-before-function-paren 规则:规则细节选项“always”“never”{"anonymous": "always", "named": "never", "asyncArrow": "always"}{"an...原创 2022-05-12 18:04:07 · 10585 阅读 · 1 评论 -
在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?
出现的问题:在 vue-cli 创建的项目中,创建文件并命名后,会报“Component name "*****" should always be multi-word”报错;报错截图如下:Component name "******" should always be multi-word.eslintvue/multi-word-component-names报错的原因:在组件命名的时候不够规范,根据 ESLint 官方风格指南,除了根组件(A..........原创 2022-05-09 21:42:15 · 119544 阅读 · 36 评论 -
当在 终端 中用 npm 安装 Vant 组件库时,发生“npm ERR code ERESOLVE ;npm ERRERESOLVE could not resolve;”报错时,该怎么办?
出现的问题:当在 VScode 中用 npm安装 Vant 组件库时,发生 npm ERR! code ERESOLVE;npm ERR! ERESOLVE could not resolve;报错时,例如:PS C:\Users\86136\Desktop\前端基础资料\Vue2\exam\demo-toutiao1> npm i vant@latest-v2npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm .原创 2022-05-09 16:25:09 · 31726 阅读 · 4 评论 -
在使用 VScode 进行代码格式化后,保存发现代码又变乱了,怎么办?
出现的问题:在用 VScode 格式已经写好的代码时,遇到 如下状况:保存代码的时候代码被格式化后,然后格式就变乱了(只要保存,格式就被打乱)解决方案:在使用 VScode 进行代码格式化时,已经检查过 ESLint、Prettier - Code formatter 以及 setting.json 配置文件都没有问题(或者怎么修改,怎么在 VScode 设置都没有用时),这时检查一下自己在 VScode 中有没有安装叫 JS-CSS-HTML Formatter 的插件,把这个插件原创 2022-05-08 21:13:03 · 10155 阅读 · 5 评论 -
在VScode中配置ESLint和prettier插件
1、ESLint工具介绍可组装的JavaScript和JSX检查工具用来团队开发整顿代码的风格(例如代码后面是否加“ ;”,代码前使用4个空格,还是两个空格或是一个Tab键)使用方法查阅官方网址ESLint官方文档http://eslint.cn/2、在VScode中配置ESLint工具首先在VScode中搜索tabsize在VScode中搜索format3、创建带有ESLint工具 的Vue项目找到需要创建项目的根目录......原创 2022-05-04 23:48:55 · 9256 阅读 · 2 评论 -
“Property or method “***“ is not defined on the instance but referenced during render.”报错的原因及解决方案
报错问题:在使用vue-cli运行项目的过程中,在VScode中不报错,但在浏览器调试工具中发出[Vue warn]: Property or method "pic" 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 in.原创 2022-04-29 14:04:53 · 185336 阅读 · 4 评论 -
在VScode中配置@路径提示
配置原因:在使用vue-cli开发过程中,由于在输入路径的时候没有提示,既影响开发的速度,又无法判断输入的路径是否正确,因此我们可以在vscode中配置@路径提示配置方法:1、在使用webpack工具进行项目的开发时(目前已经很少用到)@默认指向的就是 src目录这个配置的意思就是 @ 代表的就是 src这个目录在webpack.config.js文件中配置如下程序module.exports ={resolve: { alias: { //..原创 2022-04-23 10:45:29 · 11883 阅读 · 6 评论 -
“ ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序或批处理文件”的报错解决方案 ”
出现的问题or报错:使用vue-cli(脚手架)创建的项目在npm run serve运行时出现“'vue-cli-service' 不是内部或外部命令,也不是可运行的程序或批处理文件”的报错时,大概是由于调用了未安装的包(其他相似的报错也可以使用如下解决方案)相似的报错例如:' ********* '不是内部或外部命令,也不是可运行的程序或批处理文件解决方案:第一步:将node_module文件夹删除(如果没有则直接第二步)第二步: 在后台运行npm ins..原创 2022-04-22 19:10:41 · 135620 阅读 · 15 评论 -
Conflict: Multiple assets emit different content to the same filename index.html报错解决方案
出现的问题or报错当使用vue-cli(脚手架)创建项目后,并用npm run serve运行项目过程中,出现Conflict: Multiple assets emit different content to the same filename index.html的报错,原因可能是打包时重名了,那么该如何解决?解决方案如下:点击两次ctrl+c将报错项目停掉终止批处理操作吗(Y/N)? ^C第一步:把index.html重命名为index.ejsindex.原创 2022-04-21 19:45:04 · 42256 阅读 · 32 评论