You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用Quasar Notify插件无法显示通知,报错TypeError如何解决?

解决Quasar Notify插件的「TypeError: quasar_1.Notify.create is not a function」错误

在使用Quasar Notify插件时,即便已经在quasar.conf.js的framework.plugins数组中配置了Notify,调用Notify.create()仍可能抛出如下错误:

TypeError: quasar_1.Notify.create is not a function

出现这个问题通常是因为调用方式不符合Quasar的规范,以下是不同场景下的正确用法:

在.vue组件内部使用

组件内不能直接调用Notify.create(),需要通过useQuasar钩子获取Quasar实例,再调用实例上的notify方法:

import { useQuasar } from 'quasar'

export default {
  setup() {
    const $q = useQuasar()
    
    // 示例:触发提示
    $q.notify({
      message: '操作成功',
      type: 'positive'
    })

    return { $q }
  }
}

在.vue文件外部使用

如果是在工具函数、API请求文件等非组件环境下使用,需要直接从Quasar包中导入Notify模块,再调用create方法:

import { Notify } from 'quasar'

// 示例:触发提示
Notify.create({
  message: '异步操作完成',
  type: 'info'
})

内容的提问来源于stack exchange,提问作者Flavio Lopes

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 03:42:03