Vue3项目报错[vue/no-template]

最新推荐文章于 2023-12-09 16:19:00 发布

yyyyyxxxxxm

最新推荐文章于 2023-12-09 16:19:00 发布

阅读量1.6k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_48172863/article/details/125790888

版权

当vue出现以下报错的时候，一般是新建项目的时候

出错原因:vue组件中的template标签的代码需要放入块级标签中

解决方法:推荐放入div盒子,只需要将代码包裹在div标签中即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yyyyyxxxxxm

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Vue3项目报错[vue/no-template]

vue组件中的template标签的代码需要放入块级标签中。推荐放入div盒子,只需要将代码包裹在div标签中即可。
复制链接

扫一扫

vue3常见错误及解决办法全解析

L1ke_one的博客

03-23

4910

1. 错误位置：错误原因：第24行5列出现错误，缺少>符号 2. 报错位置：报错原因：在代码31行6列中缺少结束标签 3. 在代码65行2列中 onMounted未定义，说明onMounted没有引用，也有可能单词写错 4. 在代码5行3列出，有多余空格，一般只在严格模式中会展示此错误使用ctrl+K格式化文档就可以解决该错误。 5. 在代码第10行的19-57个字符中存在错误错误原因：模块找不到，不能resolve 解决办法：检查...

＜template＞报错

ashlyn233的博客

08-11

556

报错，解决方法

1 条评论您还未登录，请先登录后发表或查看评论

Vue的template模板语法

wgq18586361686的博客

11-06

188

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul id="div1"> <qinjiang v-for="item in items" v-bind:qin="item"></qinjiang>.

directive之require

youhebuke225的博客

12-29

2096

作用用来引用其他controller 值可以为字符串:controller的名字数组:包含controller的名字的数组引入之后我们能拿到的是绑定在this上面的属性和方法一般与link相结合，通过link的第四个参数拿到引用的相关的数据代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://cdn.stati

VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue

build2024

06-16

5566

1.修改vs code vetur扩展配置，打开搜索，输入vetur ,然后把下面的选项的去掉。 2.另外一种是修改ESLint 配置，添加以下内容。。。这个我找不到怎么添加。两者修改一个应该就可以了。目前我是这个处理的。 3.修改完成，重启一下vs code，就好了参考文章：https://blog.csdn.net/qq_45301392/article/details/117714671......

vue/cli创建的项目启动会＜template＞报错

qq_56747357的博客

09-13

1057

vue/cil创建项目＜template＞报错

jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn

03-20

1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过...

jiaminghi/data-view dataV for vite2 vue3 windows补丁 for cnpm

02-22

jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn

04-13

官网直接安装的不支持vite2/3+vue2的主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...

jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm

03-19

vue-template-babel-compiler:为基于 Babel 的 Vue.js SFC 启用 Optional Chaining 和许多新的 ES 特性

07-24

演示用法 # 1: Install in your Vue project directorynpm install --save-dev vue-template-babel-compiler# or:yarn add vue-template-babel-compiler --dev# 2: Run a script to substitute vue-template-es2015-...

解决 VS Code 提示 The template root requires exactly one element.eslint(vue/no-multiple-template-root)

bestyellow的专栏

11-17

1235

解决方法有两种：一.根据提示，在template包一个div: <template><div>....</div><template> 二.在.eslintrc.js中添加一行代码'vue/no-multiple-template-root': 0 解决

Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element

m0_60237095的博客

12-30

2074

vue3.0支持<template/></template>标签下放不止一个根元素用最新的Vite构建项目，默认的APP.vue里的代码如下代码可以正常运行，但是VScode报错提示： [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 原因是Vetur插件还没有更新如果和我一样有强迫症，暂时的解决办法就是设置 -&g

出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法

weixin_72322475的博客

04-06

711

出现[vue/no-multiple-template-root]这种eslint相关的报错，关闭这个eslint相关报错的方法

Vue开发在作用域插槽中使用多个根标签提示[vue/no-multiple-template-root] The template root requires exactly one element.

最新发布

Scorpio_sky的博客

12-09

210

2、VsCode打开设置-搜索 eslint，找到图中Vetru > Validation: Template这项。如图，父组件中使用作用域插槽时，如果直接在template下直接书写多个根标签，编辑器就会报错提示。4、重启VsCode后再尝试，就没有报错了。

[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue

qq_48704579的博客

03-15

1362

是因为vue2<template></template>模板只能有一个根标签，插件vetur检查时会报错,此时的解决方法如下。在进行vue3项目是报错。

vue从入门到进阶：自定义指令directive，插件的封装以及混合mixins（七）

weixin_42580704的博客

01-19

416

文章目录一.自定义指令directive 钩子函数钩子函数参数对象字面量二.插件怎样使用插件简单例子三.混合mixins 选项合并全局混合自定义选项合并策略一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有...

Template模板模式

冰雪的专栏

06-05

1198

Template模板模式

Vue配置问题

qq_39262418的博客

11-24

4514

1.eslintrc配置在根目录下添加.eslintrc.js文件（注意：前面有个点）内容如下 /** * Eslint 检查规则（A） * "off" 或者 0 -- 关闭规则 * "warn" 或者 1 -- 将规则打开为警告（不影响退出代码） * "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1） */ module.exports = { root: true, // 禁用持续查找（root） env: { browser: true, /

vue cli 运行项目报错 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

05-12

这个错误提示说明你的项目中缺少 vue 或 @vue/compiler-sfc 依赖，而 @vitejs/plugin-vue 插件需要这些依赖的支持才能正常运行。解决方法如下： 1. 确认你的项目中已经安装了 vue 或 @vue/compiler-sfc 依赖： ``` npm ls vue npm ls @vue/compiler-sfc ``` 如果没有安装，执行以下命令安装： ``` npm install vue npm install @vue/compiler-sfc ``` 2. 如果已安装了依赖，但是还是报错，可以尝试更新依赖版本： ``` npm update vue npm update @vue/compiler-sfc ``` 3. 如果更新依赖还是不能解决问题，可以尝试卸载依赖并重新安装： ``` npm uninstall vue npm uninstall @vue/compiler-sfc npm install vue npm install @vue/compiler-sfc ``` 4. 如果还是无法解决问题，可以尝试删除项目的 node_modules 目录并重新安装依赖： ``` rm -rf node_modules npm install ``` 如果你使用的是 yarn，可以使用以下命令： ``` rm -rf node_modules yarn install ``` 希望这些方法能够帮助你解决问题。