uni-app h5发行时不会打包同名的vue文件却去打包同名的nvue文件

uni-app h5发行时不会打包同名的vue文件却去打包同名的nvue文件

操作步骤：

  • 创建同名vue和nvue文件，用hbuilderx点击h5发行

预期结果：

  • 显示的是vue页面的内容，而不是nvue的

实际结果：

  • 实际上显示的nvue页面的内容

bug描述：

  • 打包h5时，希望编译的是vue文件，而不是nvue文件，因为vue文件的代码和nvue的代码有区别，所以编译完就能看出来没更新成功
信息类别 信息内容
产品分类 uniapp/H5
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 macOS Big Sur 11.1
HBuilderX类型 正式
HBuilderX版本号 3.0.7
浏览器平台 Chrome
浏览器版本 88.0.4324.96
项目创建方式 HBuilderX

image image


更多关于uni-app h5发行时不会打包同名的vue文件却去打包同名的nvue文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app h5发行时不会打包同名的vue文件却去打包同名的nvue文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的uni-app编译优先级问题。在H5平台打包时，编译器会优先选择nvue文件而非vue文件，这与预期行为不符。

解决方案：

  1. 在pages.json中显式配置页面路径，指定使用vue文件：
{
  "pages": [
    {
      "path": "pages/index/index", 
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ]
}
  1. 或者使用条件编译，在H5平台下强制使用vue文件：
// #ifdef H5
import Page from './index.vue'
// #endif
// #ifndef H5
import Page from './index.nvue'
// #endif
回到顶部