学习Vue开发时遇到的一些问题

用cmd npm时,出现这样的报错:

rollbackFailedOptional: verb npm-session + 一串数

出现的原因是无法下载,也就是需要国内镜像源,

输入以下命令:

$ npm config set registry http://registry.npm.taobao.org

紧接着出现'vue' 不是内部或外部命令,也不是可运行的程序:

输入以下命令:

$ npm install -g vue
$ npm install -g  @vue/cli 

在部署vue时的一些问题:

在部署vue时,由于没有仔细看vue下载的版本,选择了那个“最受推荐”的版本,下载之后按照vue3文档的步骤写代码,在写第一个简单vue app的时候,创建一个app,也就是类似这样的写法:

Vue.createApp(newOne).mount('#app')

出现了这样的错误:

Vue is not a constructor/Vue.createApp is not a function

原因非常简单,这是vue3的用法,如果报错是因为版本不对!建议去看Vue2的文档或者换成Vue3


在运行vue应用时,命令提示符和控制台输出的一些语法warning:


1.'xxx' is defined but never used

顾名思义,这句话的意思是名为xxx的元素被定义了但从未使用过。一些元素被定义后并不一定不会用被引用,但如果不引用则会出现这种报错,身为一个资深强迫症(,必须解决这个问题:

在vue项目的目录下找到package.json或.eslintrc.js,打开文件,找到 eslintConfig这一部分,在其rules下加入"no-unused-vars": "off",package.json如果没有rules这个选项就去.eslintrc.js里面找;

2.'xxxx' is assigned a value but never used  

和上一个问题类似,在package.json中找到rules,加入"no-unused-vars": "off"即可;

3.Strings must use singlequote

Vue默认的设置是规范字符串使用单引号,因此避免报错可以将双引号改为单引号;

4.Unexpected use of comma operator/ Unexpected trailing comma

不小心打上去的“,”  错误出现的原因是出现了不必要的逗号,前者是函数内每条语句不需要在结尾加上逗号,后者的原因是是最后一条语句不需要加上逗号,都删除即可;

5.Missing space before opening brace 

大括号前丢失空格,与其类似的问题可以通过1.2中的方法解决,在rules中添加'key-spacing':0;

6.Newline required at end of file but not found

意为需要在js或css末尾添加一空行,在代码的末尾回车即可;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值