vue单文件组件的eslint报错问题~

我vue文件里的template标签在npm run dev的时候总是被eslint报错

<template>
    <div>我是首页</div>
</template>

<script>
export default {
    
}
</script>

<style>

</style>

代码就是如此简单。。。
下面是eslint的报错

 http://eslint.org/docs/rules/  Parsing error: Unexpected token <
  /Users/one/VueTest/myVue/src/components/home.vue:1:1
  <template>
   ^

求教大神了。。。谢谢

阅读 13.6k
6 个回答

这个表示的严格模式,重新搭一个工程

新手上路,请多包涵

打开 .eslintrc.js
添加:"parser": "babel-eslint"
然后
cnpm install babel-eslint --save-dev

关掉eslint!/eslint-disabled/
或者去官网看看 这个报错的原因 修改一下就好了 可能因为空格 或者tab健没有设置容许 也会报错的

es6不能有空行,问题在于

export default {
    
}

改成

export default {
}

就可以了

新手上路,请多包涵

楼主,这个问题解决了吗

新手上路,请多包涵

eslint配置出错了,检查extends部分

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题