uniapp+uview-plus 【报Bug】Rollup failed to resolve import

uview-plus是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)

首先使用Hbuilder X开发的用户,在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目中即可
注意 此安装方式必须要按照下载方式安装的配置中的说明配置了才可用。

这里是运行报错如下图

在这里插入图片描述
是因为Rollup无法解析想要引入的模块导入语句,这可能会在运行时中断应用程序

解决方法

可以通过vite构建工具解决。通过引入@dcloudio/vite-plugin-uni插件到Vite配置中,可以解决问题。这是因为该插件优化了uniapp项目的构建过程,包括模块解析和路径配置,确保了依赖项的正确打包。正确配置Vite和uni插件是解决此类问题的关键。

新建vite.config.js

import { defineConfig } from 'vite';  
import uni from '@dcloudio/vite-plugin-uni';  

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

然后可以直接在界面上引入自己想要的组件啦

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐