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

于 2023-10-20 13:58:22 发布
阅读量2.3k 收藏 1
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tiehanhanan/article/details/133944907
版权

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

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

报错信息：

    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之后，就没有报错了

但是不知道原因

a^0^
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
eslintpluginvue一个自定义的eslintparser可以直接处理vue文件并检查模板里的语法错误
08-08
- 适当地配置解析器：确保 ESLint 使用的是 `eslint-plugin-vue` 的解析器，例如 `parser: 'vue-eslint-parser'`。 - 更新 `.eslintignore` 文件：如果需要忽略某些特定的 Vue 文件，可以将它们添加到此文件中。 ...
vetur插件提示[eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to.......错误
meiwan123的博客
09-14 1453
在vscode下编辑vue报错提示，遂记录下这个错误，以便日后再犯: [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives. Renders the element or template block multiple times based on the source data 修...
今天重新搭架子，用了架子是VUE的，中间出现了两个问题1.ESlint报错提示clear，2.Parsing error: Unexpected token
m0_53522026的博客
08-19 2515
第一个已经解决，"vue/comment-directive":'off'，加了个代码就好了，第二个还在研究好了加上去
vetur mode_modules Cannot find name template 红色波浪不显示
舜岳的博客
08-28 1465
解决方法：打开文件–首选项–设置中搜索Vetur，拉到最底部 不勾选勾选Script即可： 勾选前： 取消后：
ESLint: clear(vue/comment-directive)
weixin_42220130的博客
06-16 6671
在rules里配置上这句 在这里插入代码片
Vue搭建项目：ESLint: clear(vue/comment-directive)
m0_67372185的博客
11-05 4425
搭建vue项目后index报错：ESLint: clear
VScode 自动修复vue项目中eslint报错
dengdengchen的博客
06-18 1万+
1、安装插件 eslint-plugin-vue npm i -g eslint-plugin-vue 2、修改项目跟路径下的文件：.eslint.js 添加vue选项 3、添加eslint 和 vetur 插件，直接在插件库中下载 4、修改vscode首选项配置 【汉化版 文件>首选项>设置找到对应的配置文件】 【英文版 file>preferences>s...
技术提升之路：ESLint: clear(vue/comment-directive)
qq_51066068的博客
07-23 1946
在rules里配置上这句 "vue/comment-directive": "off"
vue 项目中 html中出现clear错误
m0_66051368的博客
12-01 973
clear报错
vue-scrollto：添加指令以侦听单击事件并滚动到元素
02-06
对于vue 1.x使用vue-scrollTo@1.0.1 （请注意大写vue-scrollTo@1.0.1 T），但请记住，旧版本取决于jquery 。 引擎盖下 vue-scrollto使用window.requestAnimationFrame来执行动画，从而提供最佳性能。 使用缓动（ ...
eslint-plugin-prettier-vue：用于更漂亮格式的ESLint插件，对Vue SFC更好
02-05
当前分支主要用于vue 2.0 为了获得更好的vue 3.0支持，请检查分支 eslint-plugin-prettier-vue 在Vue SFC上更好地工作 包括所有功能。 提供prettier来处理Vue SFC的。 为Vue SFC的<template> ， [removed]或<style>块禁用prettier选项。 演示版 更漂亮的自定义块： 用法 安装 npm install --save-dev \ eslint-plugin-prettier-vue \ eslint-plugin-vue \ eslint-config-prettier \ esli
X-DragAndResize-Vue:Vue.js指令用于模式窗口的拖动和调整大小
05-17
X-DragAndResize-Vue Vue.js指令用于模式窗口的拖动和调整大小。 例子 # git clone https://github.com/OXOYO/X-DragAndResize-Vue.git # install dependencies npm install # serve with hot reload at localhost...
v-track::joystick: A manual tracking decoupling plugin based on Vue directive 一个基于Vue指令实现的埋点解耦插件~
05-02
v-track通过 Vue 的方式将埋点代码与业务代码完全解耦~ 安装 YARN $ yarn add v-track NPM $ npm install v-track --save CDN 目前可以通过获取到最新版本的资源，在页面上使用 script 标签直接引入文件即可开始使用...
v-fetch：Vue 2指令可轻松将AJAX请求添加到您的应用程序
02-04
v-fetch是Vue指令，可将AJAX添加到您的应用中而无需样板 概要 v-fetch是一个指令，它向Vue 2应用程序添加了AJAX功能，因此您不必编写所有样板代码即可调用简单的API请求来更新模型或将数据提交到端点。 v-fetch的...
Cannot find name ‘template‘.Vetur 问题解决
全栈小菜鸟
07-17 4935
页面第一行就报错。 打开文件--首选项--设置中搜索Vetur，拉到最底部，把这三块的勾去掉。（如果只去除最后一个，或者只在setting.json中增加"vetur.validation.template": false，则问题还是存在） 重新打开页面，显示正常。 ...
eslint-plugin-vue 的使用
热门推荐
你的世界我做主
04-17 1万+
💿 安装 通过vue-cli（推荐）： vue add @vue/cli-plugin-eslint 通过npm安装 : npm install --save-dev eslint eslint-plugin-vue 通过yarn安装： yarn add -D eslint eslint-plugin-vue 环境要求： ESLint v6.2.0 及以上 Node.js v12.22.x、v14.17.x、v16.x 及以上 📖用法 配置 在项目根目录创建.eslintrc.js 示例.eslin
eslint-plugin-vue关闭
Trees__的博客
03-08 3545
eslint-plugin-vue关闭 文章目录eslint-plugin-vue关闭前言在vscode上按照下图的步骤就可以解决总结 前言 在使用vue-cli命令‘vue init webpack 项目名称’创建项目的过程中，如果无意选择了ESLint语法检测，会在项目目录中出现如下的ESLint配置文件，一写就爆红很烦，下面是解决办法 在vscode上按照下图的步骤就可以解决 总结 以上就是今天要讲的内容，本文介绍 如何去关闭 eslint-plugin-vue的方法，希望对大家有所帮助！！
vue prettier报错-clear
草叶儿的博客
12-18 1938
控制台报错信息如下： F:\addd\dice-front\pages\tag_tag.vue 38:12 error clear vue/comment-directive 解决方案一：忽略报错 在.eslintrc.js中，找到rules，加上如下代码中的—最后一行。 rules: { ‘vue/no-v-html’: ‘off’, //markdown后端渲染 ‘no-console’: ‘off’, ‘vue/comment-directive’:‘off’ //加这行就行 } 然后重跑项目。
在vue2项目中创建.vue文件报错[vue/comment-directive] cleareslint-plugin-vue，怎么解决
最新发布
06-01
这个错误通常是由于缺少 `vue-eslint-parser` 和 `eslint-plugin-vue` 这两个依赖项导致的。您可以按照以下步骤来解决此问题： 1. 安装 `vue-eslint-parser` 和 `eslint-plugin-vue`： ``` npm install vue-eslint-parser eslint-plugin-vue --save-dev ``` 2. 确保您的 `.eslintrc.js` 配置文件中包含了以下内容： ``` module.exports = { // ... parser: 'vue-eslint-parser', plugins: ['vue'], // ... } ``` 3. 如果您在编辑器中使用了 ESLint 插件，请确保它已启用，并且已安装 `eslint-plugin-vue` 插件。 经过以上步骤的操作，您应该可以成功创建 `.vue` 文件并消除以上错误。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值