记录帖：slot-scope=“scope“报错Unexpected useless attribute on `＜template＞`解决

最新推荐文章于 2024-09-11 18:08:12 发布
最新推荐文章于 2024-09-11 18:08:12 发布
阅读量4.8k 收藏
点赞数
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62346214/article/details/126635365
版权

遇到一个很奇葩的问题，记录一下，在官网找到解决方法：
上面的是vue 2.x的原*代码，错误原因>>template有格式规定

<template width="180" slot-scope="scope">  //width和slot-scope="scope"不能共存，格式报错
            <el-button
              type="primary"
              icon="el-icon-edit"
              size="mini"
              @click="showEditDialog(scope.row.id)"
            ></el-button>
            后面的代码省略了

在这里插入图片描述
---------------------------分割线------------------------------

vue/no-useless-template-attributes 的解决方法

面向百度~~
关注
Vue3 - 报错 warnings when minifying css: ＜stdin＞ warning: Expected identifier but found “*“（完美解决此警告报错）
王佳斌
09-06 5486
vue3 vite 打包后报错warning: Expected identifier but found * warnings when minifying css，vite vue3如何解决warnings when minifying css: stdin> warning: Expected identifier but found * 报错，vue3 vite网站网页项目npm run build 打包后报错，vue3项目打包后出现黄色警告怎么消除，vue3 vite执行 build 打包后出现w
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用Vue是总是出现＜template＞报错
qq_56395983的博客
06-22 2190
错误： 加入代码 export default { name: "inAbout" } </script> 这回就好了，不会报错了，注意：name:"inAbout"中的inAbout可以自己随便写，但是需要为驼峰命名法，第二个单词的首字母必须大写，不知道驼峰命名法的自己上网搜 错误命名法 正确命名法 ...
vue 找不到模块“@/stores/index”或其相应的类型声明。ts-plugin
最新发布
weixin_43951592的博客
09-11 488
再加上 tsconfig.json 中有 references 它就可以了，没想到还是要在 tsconfig.json 中复制多这一段才行，也不知道什么原因。原本以为在tsconfig.app.json 中有。本来的 tsconfig.app.json 如下。本来的 tsconfig.json 如下。
＜template＞报错
ashlyn233的博客
08-11 635
报错，解决方法
Vue框架创建项目常遇到问题
Coding&Sharing
05-30 1万+
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0解决办法:只是一个警告，可以忽略，说你有一个包过时了，建...
Vue中的template标签的使用和在template标签上使用v-for
skysys的研究小屋
01-19 2454
我们知道 .vue 文件的基本结构是： <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </style> 上面template标签，我
解决 Vue 项目关于 ＜template＞ 下波浪线报错问题
weixin_48948055的博客
08-25 422
解决 Vue 项目关于 ＜template＞ 下波浪线报错问题。
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
10-14
在Vue项目中，当使用`uglifyjs-webpack-plugin`进行代码压缩和优化时，可能会遇到打包失败的错误，如"Unexpected token: keyword (const)"。这个错误通常表明代码中存在ES6语法，例如`const`关键字，而`uglifyjs-...
vue/cli创建的项目启动会 ＜template＞报错
qq_56747357的博客
09-13 1167
vue/cil创建项目＜template＞报错
Vue配置问题
qq_39262418的博客
11-24 4560
1.eslintrc配置 在根目录下添加.eslintrc.js文件（注意：前面有个点） 内容如下 /** * Eslint 检查规则（A） * "off" 或者 0 -- 关闭规则 * "warn" 或者 1 -- 将规则打开为警告（不影响退出代码） * "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1） */ module.exports = { root: true, // 禁用持续查找（root） env: { browser: true, /
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
vue使用template模式报错:You are using the runtime-only build of Vue where the template compiler is not ava
HYeeee的博客
02-14 6729
vue使用template，报错的问题 局部注册这个组件： // 父组件 <div> <input type="text" v-model="input" placeholder="please input" /> <test-child :test="test" /> </div> // 子组件， 通过局部注册方式 components: { testChild: { template: `<div v-bind="$attr
template报错
kuokoukele的博客
07-22 1127
template
Vue3项目报错[vue/no-template]
weixin_48172863的博客
07-14 1880
vue组件中的template标签的代码需要放入块级标签中。推荐放入div盒子,只需要将代码包裹在div标签中即可。
Vue报错之奇形怪状
weixin_42287935的博客
05-26 124
Avoid using non-primitive value as key, use string/number value instead item 是一个对象,这里的报错是指这里的 “不要用对象或是数组作为key，用string或number作为key”
[vue/no-useless-template-attributes] Unexpected useless attribute on `<template>`.eslint-plugin-vue [vue/valid-attribute-name] Attribute name } is not valid
07-12
这两个错误提示都与Vue的模板属性有关。第一个错误[vue/no-useless-template-attributes]表示在`<template>`标签上出现了无效的属性，可能是你在模板中使用了不必要的属性。第二个错误[vue/valid-attribute-name]表示属性名`}`是无效的，可能是你在模板中使用了不合法的属性名。你可以检查一下模板中的属性，确保它们是有效的，并且没有使用不必要的属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值