ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.

这篇具有很好参考价值的文章主要介绍了ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目背景:项目是用vite脚手架创建的vue3项目

问题:新建了一个vue文件,在页面的第一行和最后一行都报错

ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.,vue.js,javascript,前端

ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.,vue.js,javascript,前端

报错信息:

    Cannot find name 'template'.Vetur(2304)

    [vue/comment-directive] cleareslint-plugin-vue

解决方法:

关于Cannot find name 'template'.Vetur(2304)报错,搜索到的解决方法大都是建议把vetur报错关了,尝试后发现并没用

关于[vue/comment-directive] cleareslint-plugin-vue,大都建议将.eslintrc.js配置文件中添加代码:

"rules": {
    "vue/comment-directive": 'off'
}

我没有在我的项目文件中找到.eslintrc.js配置文件,所以通过eslint --init初始化,创建了.eslintrc.js配置文件,并且加上了代码,尝试后依然没用

后来将文件名改成artistlist2.vue之后,就没有报错了

但是不知道原因

ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.,vue.js,javascript,前端文章来源地址https://www.toymoban.com/news/detail-755321.html

到了这里,关于ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ❤ Vue使用Eslint检测报错问题和解决

    关闭ESLint语法检测即可:具体步骤如下: 第一步我们打开setting设置: 打开左上角的file,然后点击setting 接下来进入setting以后我们来看下面操作: eol-last 在–fix命令行上的选项可以自动修复一些被这条规则反映的问题。 在非空文件中跟踪换行符是一种常见的 UNIX 习惯用法。

    2024年02月11日
    浏览(39)
  • Vue项目 -- 解决Eslint导致的console报错问题

    在利用vue-cli3+构建的项目中引入eslint进行语法检查时,使用console.log(‘xxx’)时,控制台抛出了Unexpected console statement (no-console) 异常, 例:一使用console就提示报错 解决办法是: 在 .eslintrc.js 文件中写入以下内容:

    2024年02月08日
    浏览(34)
  • You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the

    问题: Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 解决方法 找到build目录下的webpack.base.conf.js文件,注释掉其中的与有关的eslint规则即可。 关闭编码规范检查,编辑webpack.base.conf.js,找到module节点下的rules节点,注释掉这一行:

    2024年04月09日
    浏览(52)
  • vue3.0 + ts + eslint报错:error Parsing error: ‘>‘ expected

    eslint报错 这里加上对应的 eslint配置即可: 具体如下: 这个配置是在ESLint中指定Vue文件的解析器。在.eslintrc.js或.eslintrc.ts文件中,“parser”: \\\"vue-eslint-parser\\\"表示ESLint应该使用vue-eslint-parser来解析.vue文件。这是因为.vue文件是由HTML、CSS和JavaScript(或TypeScript)组成的单文件组件

    2024年04月26日
    浏览(42)
  • Vue脚手架报错:‘v-model‘ directives require no argument 解决方案

    \\\'v-model\\\' directives require no argument  截图 ESLint对vetur进行了eslint检查   ① 修改模板中使用v-show 将 v-model:show=\\\"show\\\" 改为 v-model=\\\"show\\\" ② vetur插件的作者给出了解决办法  我们可以把eslint对该插件的检查关闭 在VScode中,打开“ 文件 首选项 设置 ”,搜索  Vetur › Validation: Template ,

    2024年02月02日
    浏览(35)
  • VUE中eslint报错: Expected linebreaks to be ‘LF‘ but found ‘CRLF

    出现这个的原因 :windows 环境下, git 在我们 pull 代码的时候,会自动识别当前的系统环境。将原本的(linux/unix)换行改成对应系统的,在我们提交代码的时候又会转成远程系统环境的(Linux/unix),然后又装了 eslint,默认就是使用 LF,所以就会报这个错误 各种环境下换行符格

    2023年04月08日
    浏览(45)
  • vue3-webpack遇到Eslint各种报错 Vue 项目报错:‘XXXXX‘ is not defined ( no-undef ) 解决方法

    报错一: VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor 原因 :与创建项目时选择的 eslint 的设置问题,可以通过“—fix”选项修复 .解决方法 : package.json //原代码 更改: 报错二: 提示建议我们使用特殊注释禁用某些警告。使用//eslint disable

    2024年02月08日
    浏览(49)
  • vue-“eslint-disable-next-line to ignore the next line“报错解决

    Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. vue所创建的项目会默认使用eslint进行错误检测,关掉即可。 检查项目中是否有 vue.config.js 文件。 如果项目中不存在,则在根目录下创建 vue.config.js 文件,写入的内容为: 如果存在此文件

    2024年02月11日
    浏览(41)
  • 在 vue eslint 报错 error “Component name “*****“ should always be multi-word”,该怎么办?

    目录 出现的问题: 报错的原因: 解决方案:  方案一 :重命名(亲测有效) 方案二 :配置 vue.config.js 文件(网上方法,本人使用无效) 方案三 :配置 .eslintrc.js文件(亲测有效) 1、关闭命名规则 2、忽略个别组件名 非常重要的注意点:(重启项目,配置文件才生效)  在

    2023年04月09日
    浏览(50)
  • web前端开发教学视频,VUE项目配置ESlint后一些报错解决方式,4个改变你编程技能的小技巧

    ‘no-delete-var’: 2, // 禁止出现未使用的变量 ‘no-unused-vars’: [2, {‘vars’: ‘local’, ‘args’: ‘none’}], // 禁止出现空函数 ‘no-empty-function’: 2, // 禁用不必要嵌套块 ‘no-lone-blocks’: 2, // 这条规则强制执行v-on指令样式,您应该使用速记。 ‘vue/v-on-style’: [2, ‘shorthand’], //*

    2024年04月13日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包