代码是用的源码中回溯版本的，ant版本也是按照版本下载的，界面还是不一样

Question

Answer 1

甲蛙 2023-04-20 16:34:34

1. antdv版本用课程的之后，页面的代码都从课程源码里拷，不要拷官网的，升级太快，不兼容

2. 确定版本和代码都和课程一致后，检查下布局代码那快，代码层级不要写错，看你这个布局像是上下布局，不是左右布局
   

• 提问者 微澜之间 #1

  <template>
      <a-layout>
          <a-layout-sider width="200" style="background: #fff...">
          <a-layout-content
              :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
          >
              Content
          </a-layout-content>
      </a-layout>
  </template>
  这个代码是复制的版本源码，代码应该不会出错，然后是ant的版本
   "dependencies": {
      "ant-design-vue": "^2.0.0-rc.3",
      "vue": "^3.0.0",
      "vue-router": "^4.0.0-0",
      "vuex": "^4.0.0-0"

• 甲蛙 回复 提问者 微澜之间 #2

  dependencies是手动改的，还是用npm安装来的？可以执行下：npm install，再刷新下依赖试试。
  看你的代码，已经写到提取组件这里了，前一节，单页面的时候显示正常吗？

• 蹩脚的蚂蚁 回复 提问者 微澜之间 #3

  兄弟，我也遇到相同的问题，请问你这个问题解决了吗？