c9c800814b5f4ffa8e71ea5c6d50f6aa.png

报错问题如下,你可以很明确的看见它说了在element中设置属性“width:60%”是一个非法的属性名,把这个去掉就好了 。所以懂英语还是很重要的哈哈,不然像我这样的菜鸡找半天不知道哪里错了。当然了其他的错误也是差不多的。

[Vue warn]: Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'width:60%' is not a valid attribute name."
warn @ vue.esm.js?efeb:628
logError @ vue.esm.js?efeb:1902
globalHandleError @ vue.esm.js?efeb:1897
handleError @ vue.esm.js?efeb:1857
eval @ vue.esm.js?efeb:2000
flushCallbacks @ vue.esm.js?efeb:1924
Promise.then(异步)
timerFunc @ vue.esm.js?efeb:1951
nextTick @ vue.esm.js?efeb:2008
queueWatcher @ vue.esm.js?efeb:4427
update @ vue.esm.js?efeb:4569
notify @ vue.esm.js?efeb:739
reactiveSetter @ vue.esm.js?efeb:1064
eval @ vue-router.esm.js?fe87:3003
eval @ vue-router.esm.js?fe87:3002
updateRoute @ vue-router.esm.js?fe87:2414
eval @ vue-router.esm.js?fe87:2263
eval @ vue-router.esm.js?fe87:2402
step @ vue-router.esm.js?fe87:2001
step @ vue-router.esm.js?fe87:2008
runQueue @ vue-router.esm.js?fe87:2012
eval @ vue-router.esm.js?fe87:2397
step @ vue-router.esm.js?fe87:2001
eval @ vue-router.esm.js?fe87:2005
eval @ vue-router.esm.js?fe87:2384
eval @ vue-router.esm.js?fe87:2127
eval @ vue-router.esm.js?fe87:2203
Promise.then(异步)
eval @ vue-router.esm.js?fe87:2150
eval @ vue-router.esm.js?fe87:2171
eval @ vue-router.esm.js?fe87:2171
flatMapComponents @ vue-router.esm.js?fe87:2170
eval @ vue-router.esm.js?fe87:2106
iterator @ vue-router.esm.js?fe87:2362
step @ vue-router.esm.js?fe87:2004
step @ vue-router.esm.js?fe87:2008
runQueue @ vue-router.esm.js?fe87:2012
confirmTransition @ vue-router.esm.js?fe87:2392
transitionTo @ vue-router.esm.js?fe87:2260
init @ vue-router.esm.js?fe87:2994
beforeCreate @ vue-router.esm.js?fe87:1298
invokeWithErrorHandling @ vue.esm.js?efeb:1872
callHook @ vue.esm.js?efeb:4244
Vue._init @ vue.esm.js?efeb:5027
Vue @ vue.esm.js?efeb:5108
eval @ main.js?1c90:13
./src/main.js @ app.js:2267
__webpack_require__ @ app.js:708
fn @ app.js:113
0 @ app.js:2284
__webpack_require__ @ app.js:708
(匿名) @ app.js:806
(匿名) @ app.js:809
vue.esm.js?efeb:1906 DOMException: Failed to execute 'setAttribute' on 'Element': 'width:60%' is not a valid attribute name.
    at baseSetAttr (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6839:8)
    at setAttr (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6814:5)
    at Array.updateAttrs (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6769:7)
    at invokeCreateHooks (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6123:22)
    at createElm (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6010:11)
    at createChildren (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6107:9)
    at createElm (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6008:9)
    at VueComponent.patch [as __patch__] (webpack-internal:///./node_modules/vue/dist/vue.esm.js:6531:7)
    at VueComponent.Vue._update (webpack-internal:///./node_modules/vue/dist/vue.esm.js:3968:19)
    at VueComponent.updateComponent (webpack-internal:///./node_modules/vue/dist/vue.esm.js:4089:10)

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐