Property 'unmount' does not exist on type 'App<Element>'

Question

setTimeOut(() => {
	messageInstance.unmount(mountNode)
	document.body.removeChild(mountNode)
}, timeout)

Answer 1

张轩 2021-03-08 18:08:19

同学你好 组件实例上应该是有这个方法的 你选择 messageInstance 点击右键 选择第二个 go to type difinition 去看一下。我的是这样的。是能看到 unmount 方法的

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

export declare interface App<HostElement = any> {     version: string;     config: AppConfig;     use(plugin: Plugin_2, ...options: any[]): this;     mixin(mixin: ComponentOptions): this;     component(name: string): Component | undefined;     component(name: string, component: Component): this;     directive(name: string): Directive | undefined;     directive(name: string, directive: Directive): this;     mount(rootContainer: HostElement | string, isHydrate?: boolean): ComponentPublicInstance;     unmount(rootContainer: HostElement | string): void;     provide<T>(key: InjectionKey<T> | string, value: T): this;     _uid: number;     _component: ConcreteComponent;     _props: Data | null;     _container: HostElement | null;     _context: AppContext; }

不知道你的是怎样的，如果完全不一样，说明你的类型定义文件有可能有问题，你可以尝试重装一次 vue试试。

• 提问者 Oyxiaoxi #1

  ```js
  export declare interface App<HostElement = any> {
      version: string;
      config: AppConfig;
      use(plugin: Plugin_2, ...options: any[]): this;
      mixin(mixin: ComponentOptions): this;
      component(name: string): Component | undefined;
      component(name: string, component: Component): this;
      directive(name: string): Directive | undefined;
      directive(name: string, directive: Directive): this;
      mount(rootContainer: HostElement | string, isHydrate?: boolean): ComponentPublicInstance;
      umount(): void;
      provide<T>(key: InjectionKey<T> | string, value: T): this;
      _uid: number;
      _component: ConcreteComponent;
      _props: Data | null;
      _container: HostElement | null;
      _context: AppContext;
  }
  ```

• 提问者 Oyxiaoxi #2

  ```shell
  npm uninstall -g @vue/cli 
  rm -rf node_modules 
  npm install -g @vue/cli
  npm install
  
  这样操作以后，runtime-core.d.ts 下的 umount(): void; 还是这样。
  
  手动填加 
  unmount(rootContainer: HostElement | string): void; 
  
  就行了。
  
  不明白为什么会少 parms ....
  ```