编译H5页面不识别template.h5.html文件的uni-app问题

编译H5页面不识别template.h5.html文件的uni-app问题

2 回复

尴尬都没有人遇到过吗？

更多关于编译H5页面不识别template.h5.html文件的uni-app问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中，H5平台不支持单独的template.h5.html模板文件。uni-app采用Vue单文件组件（SFC）结构，模板应统一写在.vue文件的<template>标签中，通过条件编译实现平台差异化。

正确做法：

  1. 在.vue文件中使用条件编译：
<template>
  <!-- 通用内容 -->
  <view>基础组件</view>
  
  <!-- #ifdef H5 -->
  <view>H5专属内容</view>
  <!-- #endif -->
  
  <!-- #ifdef MP-WEIXIN -->
  <view>微信小程序专属内容</view>
  <!-- #endif -->
</template>
回到顶部