uniapp组件引入不显示问题

import formIdCard from './idcard/idcard.vue';
import formCamera from './Camera/Camera.vue';
import formInput from './formInput/formInput.vue';
import formSelect from './formSelect/formSelect.vue';
import formDate from './formDate/formDate.vue';
import formTextarea from './formTextarea/formTextarea.vue';
import uploadPhoto from './uploadPhoto/uploadPhoto.vue';
import cardIdentify from './cardIdentify/cardIdentify.vue';

export default {
	formIdCard,
	formCamera,
	formInput,
	formSelect,
	formDate,
	formTextarea,
	uploadPhoto,
	cardIdentify
};

<script>
import formComponents from '@/uni_modules/module-worker-service/components/form/index.js';
export default {
	data() {
		return {
			
		};
	},
	components: {
		...formComponents
	},
};
</script>

上面是JS文件，本想着js和模板分离的思想去做这块功能的，js相关代码放到index.js里 ，然后真机调试时组件不渲染。H5端是支持的

直接在index.vue引入组件就解决了这个问题

<script>
// uniapp App端不支持 组件分离引用，需要直接在使用页面引入组件（H5可以）
import formIdCard from '@/uni_modules/module-worker-service/components/form/idcard/idcard.vue';

import formCamera from '@/uni_modules/module-worker-service/components/form/Camera/Camera.vue';

import formInput from '@/uni_modules/module-worker-service/components/form/formInput/formInput.vue';

import formSelect from '@/uni_modules/module-worker-service/components/form/formSelect/formSelect.vue';

import formDate from '@/uni_modules/module-worker-service/components/form/formDate/formDate.vue';

import formTextarea from '@/uni_modules/module-worker-service/components/form/formTextarea/formTextarea.vue';

import uploadPhoto from '@/uni_modules/module-worker-service/components/form/uploadPhoto/uploadPhoto.vue';

import cardIdentify from '@/uni_modules/module-worker-service/components/form/cardIdentify/cardIdentify.vue';

export default {
	data() {
		return {
			
		};
	},
	components: {
		
		formIdCard,
		formCamera,
		formInput,
		formSelect,
		formDate,
		formTextarea,
		uploadPhoto,
		cardIdentify
	},
};
</script>