目录
1)报错:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
2)报错:npm ERR! network request to http://registry.npmjs.org/vue-cli failed
3)ElementUI el-input设置高度时指定行数无效
5)element-ui中的el-upload组件上传时,后台接收的文件为空
10) 上传视频报错,错误信息:413 Request Entity Too Large
11)多个el-select同时设置为必填样式和页面样式的调整
1.背景
使用Vue+ElementUI开发的过程中遇到一些问题,这里简单总结记录一下。
2.问题合集
1)报错:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
解决方法:运行时,右键“以管理员身份运行”
参考:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查_番茄红了-CSDN博客
2)报错:npm ERR! network request to http://registry.npmjs.org/vue-cli failed
解决方法:配置代理。
npm config set proxy http://<用户名>:<密码>@<代理域名>:<端口号>
npm config set https https-proxy http://<用户名>:<密码>@<代理域名>:<端口号>
查看设置:
npm config get proxy
npm config get proxy https-proxy
npm config list
这里还曲折了一下,使用代理域名无论如何都无法访问,只能通过ping找到域名对应的IP地址,然后替换了上述“代理域名”,才最终正常进行插件安装。
参考:
3)ElementUI el-input设置高度时指定行数无效
解决方法:el-input的属性type="textarea"和:rows="10"需要结合使用
参考:elementUI el-input 输入框 设置高度和宽度 - keepsummer - 博客园
4)为表格中的URL加上超链接显示
<el-table-column prop="url" lable="访问链接" align="center" show-overflow-tooltip>
<template slot-scope="scope">
<router-link v-bind:to="scope.row.url" style="color: #0064ff">{{scope.row.url}}<router-link>
</template>
</el-table-column>
参考:
vue+element-ui表格列元素添加链接_huanxianxianshi的博客-CSDN博客
VUE-001-在表格单元格(el-table-column)中添加超链接访问 - 范丰平 - 博客园
Vue中使用element-ui中的el-table时修改列的字体颜色 - 醉温柔 - 博客园
5)element-ui中的el-upload组件上传时,后台接收的文件为空
原因:后台接口中使用的是MultipartFile类型时,其变量名必须是file。
这个问题有点特别,但按照这个做了以后,后台就能正常接收文件了
6)vscode中代码行数统计
参考:vscode代码统计——Vscode counter - vickylinj - 博客园
7)vue-admin-template工程目录介绍
参考:详细分析 vue-admin-template_cyt-CSDN博客_vue-admin-template
8)修改vue-admin-template默认的访问地址
参考:SpringBoot实现Vue-admin-template登录 - Codeluojay - 博客园
9)ES6的坑
参考:ES6之Babel的各种坑总结_tqy的博客-CSDN博客
10) 上传视频报错,错误信息:413 Request Entity Too Large
修改nginx.conf中上传文件的大小限制,在server段添加一行如下代码:
client_max_body_size 500m;
参考:上传视频时候报错 状态413 Request Entity Too Large【请求体过大】 - 牧牛人Alec - 博客园
11)多个el-select同时设置为必填样式和页面样式的调整
参考:
element 表单验证 el-form-item里面验证两个select 必填,select 值绑定为对象时如何验证必填 - 一个懒惰的陈xx - 博客园