vue3使用require报错

Vue3 默认不支持使用 `require` 语法，而是推荐使用 `import`。如果你非要使用 `require`，可以通过在 `webpack.config.js` 中添加如下配置来支持：

module.exports = {
  // ...
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      vue: "vue/dist/vue.esm-bundler.js",
    },
  },
};

然后在你的 Vue 组件中，可以这样使用：

const Component = require('@/components/Component.vue').default;

需要注意的是，这里需要手动指定 `.default`，因为 `require` 导入的是一个 CommonJS 模块，需要通过 `.default` 属性来获取 Vue 组件。