【前端】低无一体部署常见问题

如何检查上传的SDK是否有效?

1. 在任意页面刷新后,查看是否发起【查询SDK组件】的请求。

image.png

2. 在返回的js和css列表中是否能找到在界面设计器上传的js和css文件。
3. 检查浏览器的Console中是否有组件相关报错。
4. 检查sdk中是否包含了启动工程未加入的包依赖。

启动工程包依赖:main.ts

VueOioProvider(
  {
    dependencies: {
      vue: import('vue'),
      lodashEs: import('lodash-es'),
      antDesignVue: import('ant-design-vue'),
      elementPlusIconsVue: import('@element-plus/icons-vue'),
      elementPlus: import('element-plus'),
      kunlunDependencies: import('@kunlun/dependencies'),
      kunlunVueUiAntd: import('@kunlun/vue-ui-antd'),
      kunlunVueUiEl: import('@kunlun/vue-ui-el')
    }
  }
);

SDK依赖:rollup.config.ts

const globals = {
  vue: 'vue',
  'lodash-es': 'lodashEs',
  'ant-design-vue': 'antDesignVue',
  '@element-plus/icons-vue': 'elementPlusIconsVue',
  'element-plus': 'elementPlus',
  '@kunlun/dependencies': 'kunlunDependencies',
  '@kunlun/vue-ui-antd': 'kunlunVueUiAntd',
  '@kunlun/vue-ui-el': 'kunlunVueUiEl',
  '@kunlun/mobile-dependencies': 'kunlunMobileDependencies',
  '@kunlun/vue-ui-mobile-vant': 'kunlunVueUiMobileVant'
};

上述两个文件配置的依赖和对应名称必须匹配才能在sdk上传后正常运行,否则会出现内存变量无法共享的问题。

当未发起【查询SDK组件】的请求时如何处理?

1. 在任意页面刷新后,查看manifest.js加载路径。
  • 业务工程通常为:http://${host}:${port}/manifest.js
  • 设计器镜像中通常为:http://${host}:${port}/config/manifest.js

image.png

2. 若未正确加载manifest.js,则在dist目录中根据请求路径添加manifest.js文件。此文件称为运行时配置文件,可点击查看参考文档
runtimeConfigResolve({
  plugins: {
    usingRemote: true
  }
});

Oinone社区 作者:nation原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/di-wu-yi-ti/41.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
nation的头像nation数式员工
上一篇 2023年6月20日 下午4:07
下一篇 2023年11月2日 下午1:58

相关推荐

  • 如何实现页面间的跳转

    介绍 在日常的业务中,我们经常需要在多个模型的页面之间跳转,例如从商品的行可以直接点击链接跳转到类目详情,还有查看该订单发起的售后单列表,这里将给大家展示如何在oinone中如何实现这些功能。 方法一、通过界面设计器的无代码能力配置 表格行跳转到表单页/详情页 拖入一个跳转动作到表格行,保存动作后,在左侧的动作属性面板底部有个请求配置,里面的上下文属性就是配…

    2024年5月13日
    1.1K00
  • 如何在表格的字段内添加动作

    介绍 在日常的业务中,我们经常需要在表格内直接点击动作完成一些操作,而不是只能在操作栏中,例如:订单的表格内点击商品名称或者里面的按钮跳转到商品详情页面,这里我们将带来大家来通过自定义表格字段来实现这个功能。 1.编写表格字段组件 组件ts文件TableBtnFieldWidget.ts import { ActionWidget, ActiveRecord…

    2024年5月16日
    47600
  • 如何自定义表格单元格样式

    介绍 OinOne的表格是基于Vxe-Table实现的,我们将Vxe-table内置的关于单元格样式的方法、属性开放到了表格组件TableWidget上 Vxe-Table相关文档 vxe-table的单元格样式 vxe-table的单元格动态样式 单元格样式 行的样式、单元格样式,表头的样式、表尾的样式、全部都可以完全自定义,通过设置 cellClassN…

    2024年10月30日
    38300
  • 主题设置-设置表格全局样式

    在启动工程的main.ts通过主题配置表格全局样式 registerThemeItem('demoTheme', { 'table-config': { // 是否带有边框 default(默认), full(完整边框), outer(外边框), inner(内边框), none(无边框) border: '…

    2024年8月2日
    67400
  • 表单页如何在服务端动作点击后让整个表单都处于loading状态

    介绍 在业务场景中,有时候由于提交的数据很多,导致服务端动作耗时较长,为了保证这个过程中表单内的字段不再能被编辑,我们可以通过自定义能力将整个表单区域处于loading状态 自定义动作组件代码 import { ActionType, ActionWidget, BaseElementViewWidget, BaseView, ClickResult, Se…

    2024年5月29日
    61100

发表回复

登录后才能评论