728x90
vue를 공부하던중 아래와 같은 오류가 발생했다.
vue.js:577 [Vue warn]: Failed to generate render function:
SyntaxError: Unexpected token ',' in
with(this){return _c('div',{attrs:{"id":"app"}},[_c('child-component',{attrs:{"":,"propsdata":"message"}}),_v(" "),_c('sibling-component',{attrs:{"propsdata1":anotherMessage}})],1)}
(found in )
오류를 봐도 모르겠고 뭔가를 바꿔도 해결이 되지않았다. 검색을 해도 잘 나오지 않고....
보다가 정말 간단한 이유라는걸 알았다...
나같은 경우에는
<!DOCTYPE html>
<html>
<head>
<title>Hi Vue</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.js"></script>
</head>
<body>
<div id="app">
<child-component v-bind: propsdata="message"></child-component>
<sibling-component v-bind:propsdata1="anotherMessage"></sibling-component>
</div>
</body>
<script>
Vue.component('child-component', {
props: ['propsdata'],
template: '<p>{{ propsdata }}</p>'
});
Vue.component('sibling-component',{
props: ['propsdata1'],
template: '<p>{{ propsdata1 }}</p>'
});
var app = new Vue({
el: '#app',
data: {
message: 'hi',
anotherMessage: 'bye'
}
});
</script>
</html>이러한 코드였는데 위에 v-bind:propsdata 이부분에서 윗줄에 띄어쓰기를 했기 때문에 문법상 맞지않는 문맥이라 오류가 생긴거같다...
아직 잘 모르겠지만 저 오류가 생기면 띄어쓰기 부분에서 실수한건 없는지, 틀리게 적은 부분은 없는지 확인을 하면 해결할수 있을거같다!
728x90
'FRAMEWORK > VUE' 카테고리의 다른 글
| Vue.js 에서 input text 글자 변경 감지하기 (0) | 2020.06.30 |
|---|---|
| vue에서 다른거 클릭시 이벤트 주기 (0) | 2020.04.21 |
| compilation.mainTemplate.applyPluginsWaterfall is not a function (0) | 2020.02.12 |
| [vue.js] vuejs github 링크 (0) | 2019.08.13 |
| [vue.js] 같은그림 찾기게임 (1) | 2019.08.13 |