光速十年

发布：2022-09-14 18:06
更新：2022-09-14 18:49
阅读：333

【报Bug】vue3项目打包扩展组件样式丢失

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.5.3

浏览器平台： Chrome

浏览器版本： 100.0.4896.127

项目创建方式： HBuilderX

示例代码：

测试代码

<button>test</button>  
<uni-nav-bar class="ano-navs" left-icon="left">  
    <view class="navs-myOrder">  
        <view>2222222</view>  
        <view>333333</view>  
    </view>  
</uni-nav-bar>

vite.config.js 配置

import { defineConfig } from "vite";    
// 版本号 3.0.0-alpha-3031120220208001  
import uni from "@dcloudio/vite-plugin-uni";  

export default defineConfig({  
  plugins: [  
        uni(),  
    ],  
});

操作步骤：

1、官方vue3空项目模板，使用扩展组件uni-nav-bar；
2、增加 vite.congfig.js 配置后打包异常；
3、删除 vite.congfig.js 文件后打包正常。

预期结果：

增加vite.congfig.js配置文件，打包后预览导航有返回图标

实际结果：

增加vite.congfig.js配置文件，打包后导航丢失返回图标

bug描述：

vue3项目打包后，扩展组件的样式丢失。

测试效果如图：

uniappAndVue3Test.rar

2022-09-14 18:06 负责人:无分享

1 个回复

CODE_XU

方便补充一个测试 demo 吗？

光速十年 (作者)

代码已上传附件

2022-09-14 19:17
CODE_XU

回复光速十年: 什么平台打包？

2022-09-15 10:10
光速十年 (作者)

回复 CODE_XU: 发行->网站pc、web手机或h5

2022-09-15 11:24
CODE_XU

回复光速十年: 用你的 demo 显示正常

2022-09-15 12:22
光速十年 (作者)

回复 CODE_XU: 能说下复现步骤吗

2022-09-15 14:45
光速十年 (作者)

我的qq284630423，方便的话可以随时找我

2022-09-15 14:46

该问题目前已经被锁定, 无法添加新回复

【报Bug】vue3项目打包扩展组件样式丢失

测试代码

vite.config.js 配置

操作步骤：

1、官方vue3空项目模板，使用扩展组件uni-nav-bar；
2、增加 vite.congfig.js 配置后打包异常；
3、删除 vite.congfig.js 文件后打包正常。

预期结果：

增加vite.congfig.js配置文件，打包后预览导航有返回图标

实际结果：

增加vite.congfig.js配置文件，打包后导航丢失返回图标

bug描述：

1 个回复

公告

相关问题

【报Bug】vue3项目打包扩展组件样式丢失

测试代码

vite.config.js 配置

操作步骤： 1、官方vue3空项目模板，使用扩展组件uni-nav-bar； 2、增加 vite.congfig.js 配置后打包异常； 3、删除 vite.congfig.js 文件后打包正常。

预期结果： 增加vite.congfig.js配置文件，打包后预览导航有返回图标

实际结果： 增加vite.congfig.js配置文件，打包后导航丢失返回图标

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

1、官方vue3空项目模板，使用扩展组件uni-nav-bar；
2、增加 vite.congfig.js 配置后打包异常；
3、删除 vite.congfig.js 文件后打包正常。

预期结果：

增加vite.congfig.js配置文件，打包后预览导航有返回图标

实际结果：

增加vite.congfig.js配置文件，打包后导航丢失返回图标