通知在notify()处失败。

Question

我正在尝试在Quasar 2中触发一个简单的通知

setup() {
  const $q = useQuasar()
   $q.notify('hello')
}

这里出现了错误：

Uncaught TypeError: $q.notify is not a function

这是一个 UMD 应用程序，如果没有这两行代码也可以正常工作 - 我真的不知道该从哪里继续了，因为文档说在使用它之前没有什么特别需要配置的。

顺便说一下，我的 IDE 在键入 $q. 时建议我使用 notify()，因此至少在那个级别上它被良好地识别。

- WoJ

Answer 1

我觉得你忘记在plugins(quasar.conf.js)中添加通知。

return {
  framework: {
    plugins: [
      'Notify'
    ],
  }
}

- Patel Pratik

Answer 2

对于使用Vue CLI的用户，您需要在quasar-user-options.js上工作：

import { Notify } from "quasar";

// To be used on app.use(Quasar, { ... })
export default {
   plugins: { Notify },
};

- ARNON

---

显然，同样适用于Vite。 - syldman

Answer 3

Quasar vite 插件 + vue3

在 main.ts 或 main.js 中，只需添加这 2 行代码：

JS
import { Notify } from "quasar";
.use(Quasar, {
    plugins: {
        Notify,
    }, // import Quasar plugins and add here
})

这是我的代码示例：

JS
import { createApp } from 'vue'

import { Quasar } from 'quasar'
import quasarLang from 'quasar/lang/fr'
import { Notify } from "quasar";
import router from './router'
import { createPinia } from 'pinia'
import './style.css'


// Import icon libraries
import '@quasar/extras/material-icons/material-icons.css'

// Import Quasar css
import 'quasar/src/css/index.sass'

import App from './App.vue'

const pinia = createPinia()

createApp(App)
.use(Quasar, {
    plugins: {
        Notify,
    }, // import Quasar plugins and add here
    lang: quasarLang,
})
.use(router)
.use(pinia)
.mount('#app')

- Joh

---

在代码块中添加语言，以便提供更好的高亮显示。例如对于Javascript 代码 - Harsh Mangalam