Vue3-Vue3项目刚创建就报错

最新推荐文章于 2024-10-11 10:21:48 发布
最新推荐文章于 2024-10-11 10:21:48 发布
阅读量441 收藏 1
点赞数
文章标签： vue.js javascript 前端 前端框架 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56745273/article/details/130309037
版权

vue3创建项目app.vue报错The template root requires exactly one element

在这里插入图片描述

解决办法:

这是由于插件的问题，Vetur的插件错误
vue3中支持template中写两个，但是插件vetur设置了校验规则，改一下配置规则就不会显现错误了
找到插件的扩展设置，然后进行设置

在这里插入图片描述
然后就可以了，不报错了

前端志茗
关注
vue2/3 - vue-pdf报错Cannot read properties of undefined (reading ‘catch‘)详细解决方案，可能正常预览没有问题但就是报错(预览pdf)
高级前端工程师
07-30 2306
vue2，vue3，vue-pdf，预览，报错，预览pdf出现错误，TypeError: Cannot read properties of undefined (reading ‘catch‘)，换了vue-pdf版本依旧报错，还是会有这个错，不影响使用，虽然报错但还是能打开pdf文档，vue中pdf 预览报错，详细解决方案，原因导致出现的这个问题，给他规定指定的版本就可以解决这个问题，vue-pdf报错Cannot read properties，使用vue-pdf插件导致 Cannot，vue-pdf
创建项目时VUE报错的解决办法
02-25
创建项目时VUE报错的解决办法
vue3创建新项目运行浏览器报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined
coderwwj的博客
04-29 1205
vue项目运行可能遇到的问题
vue3项目的创建及相关报错问题的解决
最新发布
m0_59873661的博客
10-11 383
使用npm create vue时提示：TypeError: (0 , import_node_util.parseArgs) is not a function。这里使用create-vue搭建vue3项目。2.输入y，对可选功能进行选择。1.打开对应目录的终端，输入。解决：使用18.19.1版本。原因：node版本问题。
vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
南北极之间
03-29 3302
报错信息：报错截图：修改nodejs版本后，就不会报错了。（每次在创建vue项目或者使用npm的时候，有些莫名其妙的报错，很多时候都是因为nodejs版本不对导致的。）
vue ui 创建vue3项目报错
xiSu_Er的博客
07-19 348
vue cli官网:https://cli.vuejs.org/migrations/migrate-from-v4.html。如果是https://registry.npmjs.org/，npm升级时容易卡到，建议更换到淘宝镜像。3、下载最新版本vue cli。可能是vue cli版本问题。2、删除之前的vue cli。1、检查npm镜像源。
vue3创建新项目报错：Cannot find module ‘xxx‘
weixin_52020362的博客
06-15 1960
Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
vue-cli3创建项目报错
weixin_44343449的博客
10-19 390
报错： command failed: npm install --loglevel error 这个问题花了我好长时间。到最终不算难完全解决。我在css预处理那项选的sass,当我不用css预处理语言时，就创建成功。 ...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
浅谈在vue-cli3项目中解决动态引入图片img404的问题
10-15
在Vue-cli3项目中动态引入图片时，常常会遇到图片资源无法被正确加载，浏览器显示404错误的情况。这个问题在项目中使用了动态路径来加载图片资源时尤为常见。本文将从以下几个方面深入探讨这个问题，并提供一个解决...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
如果您还没有使用vue-cli 3.x创建的项目： vue create my-app 导航到新创建的项目文件夹，然后添加cli插件。 在安装之前，请确保确认您当前的更改，以备日后还原。 cd my-app vue add quasar 它将询问您是否要该...
vue3-ts-error：vue 3 ts错误重现
02-28
当将 Vue 3 与 TypeScript 结合时，可以创建更健壮、更易于维护的前端应用程序。Vite 是由 Vue 之父尤雨溪创建的新型构建工具，它利用了 ES 模块的原生导入功能，实现了更快的开发环境启动和热更新。 在这个"vue3-...
笔记）Vue3创建/配置/报错
野生yumeko的博客
10-30 63
创建项目以及报错处理-命令
搭建vue3项目遇到问题
nicky_hb的博客
03-02 1184
提示没有安装python、build失败，假如拉取binding.node失败，node-sass会尝试在本地编译binding.node，过程就需要python。node-sass除了npm部分的代码，还会下载二进制文件binding.node，默认源是github，国内访问较慢,特殊时期甚至无法访问。typescript 3.9.3版本问题，更新为typecript4.3.5版本解决。node版本与node-sass版本不兼容。缓存中binding.node版本不一致。删掉node_modules;
vue-cli3搭建项目及报错
qq_33712668的博客
06-28 749
步骤 （在已安装node的基础上） 因为npm比较慢，所以用淘宝镜像，命令行如下 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安装vue-cli sudo cnpm install -g @vue/cli 查看vue版本 vue -V 再到想要创建项目的目录创建 vue create test ...
创建Vue3+Ts项目的main.ts中App.vue报错解决方案
2301_77822157的博客
07-07 363
1.在公司或者学习中，我们用Vue3+Ts创建项目时，实时打开App.vue进行导入Vue、Css、Ts文件，但是在最开始时App.vue都会出现报错（爆红），这是应为ts文件无法识别Vue文件，这个时候我们需要在env.d.ts中导入让他识别文件的源码。
vue3项目创建步骤，以及项目运行失败的原因和解决方法
杜永康的博客
05-28 9627
如果你需要使用 Vue 3 的新特性，可以选择第二个选项，如果你需要使用 Vue 2，可以选择第三个选项，如果你需要自定义项目特性，则可以选择第一个选项。手动选择需要的特性，可以根据需要选择所需的特性和插件，包括 Babel、TypeScript、CSS 预处理器、Linter/Formatter、Unit Testing 等。⭐我们创建的hello项目是放在这个文件夹中的，这个文件夹是中文名字，所以报错了。建议在E盘创建项目，这里只是演示。需要注意的是，这里的的项目名字，用英文，或者拼音，不能用汉字。
创建vue3，实现vue3项目中遇到的报错
m0_63989259的博客
08-16 435
报错
vue3创建项目报错
10-27
1. 没有安装Vue CLI 3：Vue CLI 3是创建Vue3项目的工具，如果没有安装它，就无法创建Vue3项目。可以通过运行以下命令来安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. 导入错误：在Vue3中，导入模块的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端志茗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值