z***@163.com
z***@163.com
  • 发布:2024-06-21 23:36
  • 更新:2024-07-05 09:57
  • 阅读:341

【报Bug】一次性所有uni-ui组件,uni-forms组件无法使用

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 4.15

浏览器平台: Edge

浏览器版本: 126.0.2592.61

项目创建方式: HBuilderX

示例代码:
复制代码<template>  
    <view class="login-con">  
        <view class="login-nav" @click="goback">  
            <text class="login-close">关闭</text>  
        </view>  
        <view class="login-main">  
            <image src="https://h5.jiaoyiyou.com/static/newImage/loginLogo.png" mode="" style="height: 256rpx; width: 194px;"></image>  
            <uni-forms :modelValue="formData">  
                <uni-forms-item label="姓名" name="name">  
                    <uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" />  
                </uni-forms-item>  
                <uni-forms-item label="年龄" name="age">  
                    <input type="text" v-model="formData.age" placeholder="请输入年龄" />  
                </uni-forms-item>  
            </uni-forms>  
        </view>  
        <view></view>  
    </view>  
</template>

操作步骤:

在组件库页面导入uni-ui
新建页面写上述代码

预期结果:

可正常使用

实际结果:

报 SyntaxError: The requested module '/@fs/D:/frame/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js' does not provide an export named 'default' (at uni-forms.vue:33:9) 错误

bug描述:

如题

复制代码<template>  
    <view class="login-con">  
        <view class="login-nav" @click="goback">  
            <text class="login-close">关闭</text>  
        </view>  
        <view class="login-main">  
            <image src="https://h5.jiaoyiyou.com/static/newImage/loginLogo.png" mode="" style="height: 256rpx; width: 194px;"></image>  
            <uni-forms :modelValue="formData">  
                <uni-forms-item label="姓名" name="name">  
                    <uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" />  
                </uni-forms-item>  
                <uni-forms-item label="年龄" name="age">  
                    <input type="text" v-model="formData.age" placeholder="请输入年龄" />  
                </uni-forms-item>  
            </uni-forms>  
        </view>  
        <view></view>  
    </view>  
</template>
2024-06-21 23:36 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

附件有示例,可以正常显示,你试试

j***@sina.cn

j***@sina.cn

同样问题怎么解决?

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容