헤르메스 LIFE

[Vue.js][Exception] Module build failed: SyntaxError: Unexpected token 본문

Exception

[Vue.js][Exception] Module build failed: SyntaxError: Unexpected token

헤르메스의날개 2022. 7. 23. 00:29
728x90

오류내용

ERROR in ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-2fff0124","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/TodoInput.vue
Module build failed: SyntaxError: Unexpected token (1:153)
    at Parser.pp$4.raise (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:2757:13)
    at Parser.pp.unexpected (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:647:8)
    at Parser.pp$3.parseParenAndDistinguishExpression (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:2252:49)
    at Parser.pp$3.parseExprAtom (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:2163:41)
    at Parser.<anonymous> (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:6003:24)
    at Parser.parseExprAtom (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:6129:31)
    at Parser.pp$3.parseExprSubscripts (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:2047:19)
    at Parser.pp$3.parseMaybeUnary (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:2024:17)
    at Parser.pp$3.parseExprOps (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:1966:19)
    at Parser.pp$3.parseMaybeConditional (C:\project\workspace\vuesample\vue-todo\node_modules\vue-template-es2015-compiler\buble.js:1949:19)
 @ ./src/components/TodoInput.vue 11:0-250
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

오류소스

<template>
  <div>
    <input type="text" v-model="" />
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>

오류원인

v-model 에 아무것도 적지 않은 이유 입니다.

그런데, 오류만 보고는 알 수 가 없네요. ㅠ.ㅠ

Vue.js 를 공부하다보니 내공이 부족하네요.

지우면 됩니다.

<template>
  <div>
    <input type="text" />
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>
728x90