Vue <脚本设置>，在不导入的情况下无法使用defineProps和defineEmits

Question

根据官方文档，

defineProps和编译器宏只能defineEmits在. 它们不需要导入，并且在处理时被编译掉。<script setup><script setup>

问题定义

如果不导入它，我就无法使用definePropsand defineEmitsin <script setup>。请参阅下面所附的错误屏幕截图。

我正在执行的 vue 代码

<!-- HelloWorld.vue -->
<template>
  <h1>{{ props.message }}</h1>
</template>

<script setup>
// import { defineProps } from 'vue';
const props = defineProps({
  message: {
    type: String,
    required: true,
  }
});
</script>

环境详情参考：

视图	^3.2.6 (3.2.19)
vue-cli	@vue/cli 5.0.0-beta.4
节点：	v14.16.1
新项目管理	2012年6月14日

Answer 1

我们可以使用以下解决方案之一来解决此问题。

1. 使用Vite创建Vue项目。请点击此链接了解更多信息。
   yarn create vite <project-name> --template vue
2. 在 eslint 配置文件中添加以下规则。请点击此链接了解更多信息。

// .eslintrc.js
module.exports = {
  extends: ['plugin:vue/base'],
  rules: {
    'vue/script-setup-uses-vars': 'error',
  }
}