未分類
11 1 月 2021

Vue 里面引入第三方插件错误

Vue 里面引入第三方插件错误

資深大佬 : alexmao 2

今天下午折腾了好久一个错误，结果还是没解决。 我需要安装一个 toast 插件，在 npmjs 里面找到了很多个 toast 插件，最终安装这个 vue2-toastr，但是安装了并导入的时候，就一直出现这个报错。请 V2 里各位大佬帮忙看一眼可能是什么问题？

vue2-toastr.js:1 Uncaught TypeError: Cannot set property '$toast' of undefined   at Object.install (vue2-toastr.js:1)   at Object.use (runtime-core.esm-bundler.js:3063)   at eval (main.js:21)   at Module../src/main.js (app.js:1148)   at __webpack_require__ (app.js:849)   at fn (app.js:151)   at Object.1 (app.js:1161)   at __webpack_require__ (app.js:849)   at checkDeferredModules (app.js:46)   at app.js:925

main.js 文件内容如下：

import { createApp } from 'vue' import App from './App.vue' import Toastr from 'vue2-toastr'  createApp(App).use(Toastr).mount('#app')

感谢！

大佬有話說 (10)

  • 資深大佬 : renmu123

    应该 vue3 和 vue2 的组件不兼容

  • 資深大佬 : wgbx

    感觉是不兼容，这种组件，要不找一个大公司的，走按需引用，要不自己写，引用这种小库，容易出现问题

  • 主 資深大佬 : alexmao

    @renmu123 懂了，谢谢！

  • 主 資深大佬 : alexmao

    @wgbx 好的，不知道 toast 有没有大公司的组件？

  • 資深大佬 : yetone

    Vue 这种类型不安全的框架真的是一言难尽……

  • 資深大佬 : suzic

    你是 vue3 的。目前确定 vant3.x 能满足你的需求，配一下按需引入其实也没多大

  • 資深大佬 : 320266360

    @alexmao mint-ui 里面有 toast 按需加载就可以用。

  • 資深大佬 : H15018327040

    vue3 设置不支持 Vue.prototype.$toast=toast 这种方式，如果要使用全局属性，可以通过 Vue3 的 let app=createApp()，app.global.properties.$toast=toast 这种方式，也不能使用 this.$toast 这种方式使用。

  • 資深大佬 : H15018327040

    记岔了，是 app.config.globalProperties

  • 資深大佬 : learningman

    @H15018327040 我实测是可以的啊。。。