V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alexmao
V2EX  ›  Vue.js

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

  •  
  •   alexmao · 2021-01-08 18:13:59 +08:00 · 2531 次点击
    这是一个创建于 1426 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天下午折腾了好久一个错误,结果还是没解决。 我需要安装一个 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 条回复    2021-01-09 11:39:02 +08:00
    renmu123
        1
    renmu123  
       2021-01-08 18:18:59 +08:00 via Android
    应该 vue3 和 vue2 的组件不兼容
    wgbx
        2
    wgbx  
       2021-01-08 18:30:47 +08:00
    感觉是不兼容,这种组件,要不找一个大公司的,走按需引用,要不自己写,引用这种小库,容易出现问题
    alexmao
        3
    alexmao  
    OP
       2021-01-08 21:04:15 +08:00
    @renmu123 懂了,谢谢!
    alexmao
        4
    alexmao  
    OP
       2021-01-08 21:04:48 +08:00
    @wgbx 好的,不知道 toast 有没有大公司的组件?
    yetone
        5
    yetone  
       2021-01-08 22:46:47 +08:00 via iPhone
    Vue 这种类型不安全的框架真的是一言难尽……
    suzic
        6
    suzic  
       2021-01-08 23:08:12 +08:00 via Android
    你是 vue3 的。目前确定 vant3.x 能满足你的需求,配一下按需引入其实也没多大
    320266360
        7
    320266360  
       2021-01-09 08:27:29 +08:00
    @alexmao mint-ui 里面有 toast 按需加载就可以用。
    H15018327040
        8
    H15018327040  
       2021-01-09 10:14:30 +08:00
    vue3 设置不支持 Vue.prototype.$toast=toast 这种方式,如果要使用全局属性,可以通过 Vue3 的 let app=createApp(),app.global.properties.$toast=toast 这种方式,也不能使用 this.$toast 这种方式使用。
    H15018327040
        9
    H15018327040  
       2021-01-09 10:16:19 +08:00
    记岔了,是 app.config.globalProperties
    learningman
        10
    learningman  
       2021-01-09 11:39:02 +08:00 via Android
    @H15018327040 我实测是可以的啊。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5656 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 03:35 · PVG 11:35 · LAX 19:35 · JFK 22:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.