1、先上一张布署到服务器不显示的图:
这里面最外层是一个Collapse,里面有二个Collapse.Panel。
2、然后我们要求的是显示出所有的组件,这里面没有使用框架封装的,用的是ant-design-vue下的。然后布署以后,就不显示出来了。
3、那么我们应该如何解决呢?
我们打开main.ts
找到这个registerGlobComp(app); 然后进入这个方法中:
修改以后的registerGlobComp.ts:
import type { App } from 'vue';
import { Button } from './Button';
import { Input, Layout, Collapse } from 'ant-design-vue';
import VXETable from 'vxe-table';
export function registerGlobComp(app: App) {
app.use(Input).use(Button).use(Layout).use(Collapse).use(VXETable);
}
4、这样我们再次运行的时候,就会看到一切正常了:
整体就显示出来了。