Module '"*.vue"' has no exported member 'emitter'.

Question

是说ValidateForm.vue没有导出该模块吗？

ValidateForm.vue

<script lang="ts">
import { defineComponent, onUnmounted } from 'vue'
import mitt from 'mitt'
export const emitter = mitt()

export default defineComponent({
  emits: ['form-submit'],
  setup (props, context) {
    const submitForm = () => {
      context.emit('form-submit', true)
    }

    const callback = (text?: string) => {
      console.log(text)
    }

    emitter.on('form-item-created', callback)

    onUnmounted(() => {
      emitter.off('form-item-created', callback)
    })

    return {
      submitForm
    }
  }
})
</script>

ValidateInput.vue

<script lang="ts">
import { defineComponent, reactive, PropType, onMounted } from 'vue'
import { emitter } from './ValidateForm.vue'
const emailReg = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
interface RuleProp {
  type: 'required' | 'email';
  message: string;
}
export type RulesProp = RuleProp[]
</script>

上面贴了js的局部代码。

在ValidateInput.vue引入emitter的时候就报错了。

mitt的版本是 2.1.0

Answer 1

张轩 2020-10-20 18:17:39

同学你好 从代码看起来导出和引入是没问题的  而且你在另外一个问题也说过 之前是没问题 之后突然有问题 这只能是 ts 解析有问题 你方便把源代码给我一份 上传到 github 或者 gitee 都可以 我帮你看看 

• 提问者 德育处主任 #1

  非常感谢！

• 提问者 德育处主任 #2

  重启项目4次之后突然行了。。。第三次的时候重新npm i

• qq_我在时光机里找回忆 回复 提问者 德育处主任 #3

  我在另外一节课遇到了跟你性质一样的问题，也是明明export导出成员了，导入的地方报没有这个成员的错误。怎么改都不行，然后我重新运行项目，就可以了。感谢提醒

点开查看后面3条评论