
今天下午折腾了好久一个错误,结果还是没解决。 我需要安装一个 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') 感谢!
1 renmu123 2021-01-08 18:18:59 +08:00 via Android 应该 vue3 和 vue2 的组件不兼容 |
2 wgbx 2021-01-08 18:30:47 +08:00 感觉是不兼容,这种组件,要不找一个大公司的,走按需引用,要不自己写,引用这种小库,容易出现问题 |
5 yetone 2021-01-08 22:46:47 +08:00 via iPhone Vue 这种类型不安全的框架真的是一言难尽…… |
6 suzic 2021-01-08 23:08:12 +08:00 via Android 你是 vue3 的。目前确定 vant3.x 能满足你的需求,配一下按需引入其实也没多大 |
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 这种方式使用。 |
9 H15018327040 2021-01-09 10:16:19 +08:00 记岔了,是 app.config.globalProperties |
10 learningman 2021-01-09 11:39:02 +08:00 via Android @H15018327040 我实测是可以的啊。。。 |