VUE: Ошибка синтаксического анализа модуля: неожиданный токен (1: 0) - PullRequest
Новая
       6

VUE: Ошибка синтаксического анализа модуля: неожиданный токен (1: 0)

0 голосов
/ 13 июля 2020

Я слежу за Net Ninja Vue Tutorial на YouTube. В учебнике 19 я просматриваю вложенные компоненты, в которых я использую sh для отображения списка ul, используя v-for и v-bind: key. Я получаю следующую ошибку, и она не компилируется. Я новичок в Vue, может, Гуру, пожалуйста, помогите мне здесь. В настоящее время моя версия vue - @ vue / cli 4.4.6, а npm - 6.13.4

Код 

<template>
    <ul>
        <li v-for="(ninja, index) in ninjas" v-bind:key="index"></li>
    </ul>
</template>

<script>
export default {
  data () {
    return {
      ninjas: ['Ryu','Ken','Yoshi']
    }
  }
}
</script>

<style>

</style>

ОШИБКА 

ERROR in ./src/Ninjas.Vue
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
|     <ul>
|         <li v-for="(ninja, index) in ninjas" v-bind:key="index"></li>
 @ ./src/main.js 3:0-34
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

1 Ответ

0 голосов
/ 13 июля 2020

Сначала нет ничего плохого в коде в Ninjas.Vue

проблема в имени файла Ninjas.Vue следует переименовать в Ninjas.vue

  • , потому что компонент в vue оканчивается расширением .vue, в нижнем регистре
...