再次提问, Internal server error: Cannot read properties of undefined (reading 'sys')

Question

git的话, 我不想公开, 因为我是在我的项目中写您这个组件,
我的项目环境是: nuxt3, ant-design, pinia, vue3.3.4
然后在项目中使用您课上写的代码,

• 导入
  import Collapse from “@/components/LM-components/Collapse/Collapse.vue”;
  import CollapseItem from “@/components/LM-components/Collapse/CollapseItem.vue”;

• vue部分

<Collapse>
  <CollapseItem name="a">
      <template #title>
          <h1>nice title</h1>
      </template>
      <h1>headline title</h1>
      <div>asdfghjk</div>
  </CollapseItem>
  <CollapseItem name="b" title="nice bb title">
      <div>asdfsvdcccccccccccghjk</div>
  </CollapseItem>
  <CollapseItem name="c" title="nice cc title" disabled>
      <div>asdfghjk</div>
  </CollapseItem>
</Collapse>

写上CollapseItem这个组件就报错, 后来我在网上查看了资料, 说是defineProps(); 这个错误, 后来我改写了一下, 就不报错, 我改成了

const props = defineProps({
    name: {
        type: [String, Number] as PropType<NameType>,
        default: "",
    },
    title: {
        type: String,
        default: "",
    },
    disabled: {
        type: Boolean,
        default: false,
    },
});

Answer 1

张轩 2023-07-27 09:45:45

同学你好

你这个是 Nuxt 和 vue3.3 的兼容问题，请参看这个问题和答案，里面有很详细的信息和解决方案：

https://stackoverflow.com/questions/76351088/nuxt-3-5-1-get-error-on-build-error-cannot-read-properties-of-undefined-readi