At least one <template> or <script> is required in a single file component. 解决方案

先看翻译

在单文件组件中,至少需要一个<template><script>标签。

这是在群里小伙伴在 芋道大神的开源框架 源码 执行 cnpm run build:dev的时候出来的问题、

小伙伴最近是在做数据加密,

报出来这个错误。

网上搜到vite.config.ts 改配置,uni()和vue()去掉一个,遗憾没配置这个

那就只有一种可能了,就是views文件夹里的.vue单页面存在 空的.vue文件夹(你懂我意思吗,就比如a.vue,但是里面是空白的。)

好,那要怎么找这个空白文件?

很简单你到这个文件夹下ctrl+F 去输入.vue文件夹

下图是我举例的图,并非小伙伴那的,你去找,找那个文件最小的1kb左右打开看下,0.5左右你也去打开

你就能找到可能的那个空文件、或者里面只有字符串的文件(反正就是没有<template>这个标签的文件)

.vue的文件你去npm run build是不是死活都得报错。

如果是空文件你去git对比下之前的版本是不是拉取的时候中断除了问题,如果里面有字符串的比如xxssdsd  ,你就打开vscode的去到views下面搜"xxssdsd",你就可以找到出问题的那些文件了。再去一个一个看git是不是没拉下来,可以去对比下历史版本。

好了,文章原创,下面是扩展阅读,刚兴趣的小伙伴可以查阅下

 扩展阅读

1、小程序手机号授权登录(图文教程)
2、短信验证码收不到-解决方案
3、vue3ts的透传$attrs用法
4、vue3 清空/重置reactive
5、vite打包可视化工具rollup-plugin-visualizer图文教程
6、vue3 h函数使用图文教程
7、抖音跳微信小程序(抖音分享卡片和链接)图文教程
8、pinia 持久化插件pinia-plugin-persistedstate 安装、使用(图文详解)
9、uni-app 生成安卓证书
10、uniapp小程序限制微信群访问(图文教程)
11、前端常见4种缓存方式(图文教程)
12、es6~es13 新增数组遍历一览
13、禁debugger调试网页,禁F12(完整教程)
14、常用的19个正则-表单验证
15、报错状态码 200 300 400 500
16、周公解梦功能(附数据)
17、node开发微信群聊机器人第⑮章
18、node开发微信群聊机器人第⑭章
19、node开发微信群聊机器人第⑬章
20、Linux安装node18完整图文教程
21、VMware虚拟机、linux安装图文教程
22、我把微信群聊机器人项目开源
23、node开发微信群聊机器人第⑫章
24、node开发微信群聊机器人第⑪章
25、node开发微信群聊机器人第⑩章
26、node开发微信群聊机器人第⑨章
27、node开发微信群聊机器人第⑧章
28、node开发微信群聊机器人第⑦章
29、node开发微信群聊机器人第⑥章
30、公众号涨粉攻略(阳谋)
31、公众号涨粉攻略(阴谋)
32、node开发微信群聊机器人第⑤章
33、node开发微信群聊机器人第④章
34、node开发微信群聊机器人第③章
35、用node开发微信群聊机器人第②章
36、用node开发微信群聊机器人第①章

  • 11
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

雪狼之夜

打个赏,让博主知道博文没白写

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

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

打赏作者

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

抵扣说明:

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

余额充值