如何检查上传的SDK是否有效?
1. 在任意页面刷新后,查看是否发起【查询SDK组件】的请求。
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
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低代码应用平台体验