Soy nuevo en la tecnología Vue.js. Recibo un error al ejecutar mi aplicación Vue. No sé dónde me equivoqué, intente corregir mi error.
Este es el archivo temporal donde recibo un error.
Temp.vue
<template> <div> <h1>Hello Ashish</h1> <h2>{{name}}</h2> </div> </template> <script> export default { name: "Temp", }; </script>aplicación.vue
<template> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> <!-- <HomeComp msg="Hello Harshal"/> --> <!-- <ForLoop/> --> <Temp/> </template> <script> import HelloWorld from './components/HelloWorld.vue' // import HomeComp from './components/HomeComp.vue'; // import ForLoop from './components/ForLoop.vue'; import Temp from './components/Temp.vue'; export default { name: 'App', components: { HelloWorld, // HomeComp, // ForLoop // Demo, Temp } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>Agregue esto a la sección de "reglas" en eslintrc.js si no desea cambiar los nombres de los componentes:
'vue/multi-word-component-names': 'off',(Tomado de la respuesta de @lifecoder arriba, pero no puedo agregarlo como comentario debido a mi reputación)
Su linter simplemente le dice que el nombre de su componente debe ser una palabra múltiple como MyTemp en lugar de solo Temp .
Puede cambiar el nombre del componente o deshabilitar la regla de pelusa.
Hay varias cosas que puede hacer para ayudar:
{ "vue/multi-word-component-names": ["error", { "ignores": [] }] }Asegúrese de leer el documento completo en este sitio .