使用vue时遇到的错误( 持续更新局 )

在使用Vue过程中遇到两个常见问题:1. HTML变量名错误导致报错,解决方案是检查并修正变量名;2. 在Mac上用Vue脚手架搭建后,src目录下无法创建文件或文件夹,通过调整文件夹权限解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用vue时遇到的错误( 持续更新局 )

1、报错:

[Vue warn]: Failed to generate render function:

ReferenceError: Invalid left-hand side in assignment in

with(this){return _c('div',{attrs:{"id":"app"}},[_c('div',{staticClass:"page-group"},[_c('div',{staticClass:"page page-current"},[_c('header',{staticClass:"bar bar-nav"},[_c('a',{staticClass:"icon icon-star pull-left"}),_v(" "),_c('a',{staticClass:"icon icon-edit pull-right",on:{"click":function($event){inputFlag = !inputFlag}}}),_v(" "),_c('h1',{staticClass:"title"},[_v("叶飞飞_todolist")])]),_v(" "),_c('div',{attrs:{"id":"main"}},[_c('div',{staticClass:"input-marsk-box"},[_c('div',{staticClass:"marsk-bg"}),_v(" "),_c('div',{staticClass:"input-cont"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(inputMarskVal),expression:"inputMarskVal"}],staticClass:"marsk-input-title",attrs:{"type":"text","placeholder":"请输入标题"},domProps:{"value":(inputMarskVal)},on:{"input":function($event){if($event.target.composing)return;inputMarskVal=$event.target.value}}}),_v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(input-marsk-val),expression:"input-marsk-val"}],staticClass:"marsk-input-cont",attrs:{"type":"text","placeholder":"请输入内容"},domProps:{"value":(input-marsk-val)},on:{"input":function($event){if($event.target.composing)return;input-marsk-val=$event.target.value}}}),_v(" "),_c('button',[_v("保存")])])]),_v(" "),_l((todos),function(todo,index){return _c('div',{key:todo.id,staticClass:"card"},[_m(0,true),_v(" "),_m(1,true),_v(" "),_m(2,true)])})],2),_v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(marskFlag),expression:"marskFlag"}],staticClass:"marsk-box"},[_c('div',{staticClass:"marsk-bg"}),_v(" "),_m(3)])])])])}

(found in <Root>)

解决方案:后来发现是html中变量名写错了。多写了个’ - ’

2、用脚手架搭建之后无法在src目录下创建文件或文件夹

解决方案:

  • 由于我用的是Mac,不知道为什么总是会有权限问题。这个时候设置一下文件夹的权限就好了。
  • 设置方法:
    • 到外面打开文件夹,右击(两指点击)根目录;
    • 然后点击“显示简介”
      在这里插入图片描述
    • 点击右下角的锁,使其解锁
      在这里插入图片描述
    • 然后在共享与权限下找到staff,将他的权限改成读与写
      在这里插入图片描述
    • 最后点击最下面的设置(齿轮);点击“应用到包含项目” 这步一定要做,不然修改是不成功的
      在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值