vue day01 error

C:\Users\little_shark\Desktop\project-SPH\app>npm run serve

> app@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...


 ERROR  Failed to compile with 1 error                                                                          10:15:03


C:\Users\little_shark\Desktop\project-SPH\app\src\App.vue
  1:1  error  The template requires child element  vue/valid-template-root

✖ 1 problem (1 error, 0 warnings)


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
ERROR in
C:\Users\little_shark\Desktop\project-SPH\app\src\App.vue
  1:1  error  The template requires child element  vue/valid-template-root

✖ 1 problem (1 error, 0 warnings)


webpack compiled with 1 error

1.vue必须要有一个根节点,在<template></template>里面添加一对<div>标签就好了!!!

我还没有弄明白自动生成,有懂的朋友们可以教我一下

还有在运行的时候一定要在项目里面,不要在最外面的文件夹!!会找不到package.json的!!!

2.浏览器自动打开 vue的webpack5自动打开浏览器跳转到0.0.0.0:8080问题 :

别再给我降低版本了!!!!我们要say漏!!!!

vue的webpack5自动打开浏览器跳转到0.0.0.0:8080_三秋末了的博客-CSDN博客_webpack5 自动打开浏览器

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
从提供的引用内容中我们可以看出,这个问题是由于缺少模块引起的。在其中一条引用中提到了一个解决办法,即在node_modules中删除vue-awesome-swiper文件夹。另外,引用提到了另一种解决办法,即降低vue-awesome-swiper的版本。最后,引用中提到了在webpack的配置项中添加一些代码的解决办法。根据这些信息,你可以尝试以下解决步骤: 1. 首先,尝试删除vue-awesome-swiper文件夹。你可以在项目的node_modules目录中找到该文件夹,并将其删除。这有可能解决这个问题。 2. 如果删除文件夹不能解决问题,你可以尝试降低vue-awesome-swiper的版本。你可以在项目的package.json文件中找到vue-awesome-swiper的依赖项,并将其版本号降低。然后运行npm install命令来安装指定版本的vue-awesome-swiper。 3. 另外,你可以尝试根据引用中提到的方法,在webpack的配置项中添加一些代码。你可以使用Ctrl+Alt+S搜索webpack,并选择相关的配置文件,然后在文件中添加相应的代码。这可能有助于解决这个问题。 希望这些解决步骤对你有帮助。如果问题仍然存在,请提供更多的上下文信息,以便我们能够更好地帮助你解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Module not found: Error: Can‘t resolve ‘swiper/vue‘ in ‘D:\前端\Git\Git\Vue\music\node_modules\...](https://blog.csdn.net/weixin_40466655/article/details/131798444)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [基于vue项目设置resolves.alias: @路径并适配webstorm](https://download.csdn.net/download/weixin_38640168/14900878)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值