Javascript 将子组件导入父Vue.js

我正在尝试将一个测试组件导入到另一个测试组件中，该测试组件只包含一个带有一些文本的，但出现以下错误： [Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供name选项

我尝试在ChromeDevTools的网络选项卡中运行禁用缓存选项，我命名了这两个组件，并命名了我的索引组件

下面是组件的外观：

export default {
  name: "EditMachine",
  data() {
    return {};
  }
};
</script>
And here's how the parent component looks like:
import EditMachine from "./EditMachine.vue";
export default {
  name: "MachineProfiles",
  data: () => ({
    dialog: false,
    headers: [
      { text: "Number", value: "machine_number", sortable: true },
      { text: "Name", value: "machine_name" },
      { text: "Company", value: "machine_company" },
      { text: "Division", value: "machine_division" },
      { text: "Center", value: "machine_center" },
      { text: "Speed", value: "machine_speed" },
      { text: "CRUD", value: "name", sortable: false }
    ],
    components: {
        EditMachine
    },


Can someone help or at least point me in the right direction? Thanks in advance!

---

从你给我们的代码判断是语法错误

export default {
  name: "MachineProfiles",
  data: () => ({
    dialog: false,
    headers: [
      { text: "Number", value: "machine_number", sortable: true },
      { text: "Name", value: "machine_name" },
      { text: "Company", value: "machine_company" },
      { text: "Division", value: "machine_division" },
      { text: "Center", value: "machine_center" },
      { text: "Speed", value: "machine_speed" },
      { text: "CRUD", value: "name", sortable: false }
    ], // <-- Missing closing brackets
    components: {
        EditMachine
    },

如果您有输入错误，那么components属性应该在component范围中定义，但您将其放置在数据中

---

你好，先生，你是个天才！您的建议并没有解决我的问题，但帮助我看到我已经将components对象像doofus一样放置在了数据函数中！我已经把它放在外面了，现在一切都正常了！

export default {
  name: "MachineProfiles",
  data() {
    dialog: false,
    headers: [
      { text: "Number", value: "machine_number", sortable: true },
      { text: "Name", value: "machine_name" },
      { text: "Company", value: "machine_company" },
      { text: "Division", value: "machine_division" },
      { text: "Center", value: "machine_center" },
      { text: "Speed", value: "machine_speed" },
      { text: "CRUD", value: "name", sortable: false }
    ],
  },
  components: {
      EditMachine
  },
  ...

export default {
  name: "MachineProfiles",
  data: () => ({
    dialog: false,
    headers: [
      { text: "Number", value: "machine_number", sortable: true },
      { text: "Name", value: "machine_name" },
      { text: "Company", value: "machine_company" },
      { text: "Division", value: "machine_division" },
      { text: "Center", value: "machine_center" },
      { text: "Speed", value: "machine_speed" },
      { text: "CRUD", value: "name", sortable: false }
    ],
  },
  components: {
      EditMachine
  },
}