Hoy actualicé mi versión vue de la extensión de Google Chrome a 3.x, cuando ejecuté la aplicación, la consola emergente de la extensión de Google Chrome muestra un error como este:
commons1.js:13392 Uncaught TypeError: Cannot read properties of undefined (reading 'extend') at Object../src/public/widget/index.js (commons1.js:13392) at __webpack_require__ (popup.js:23) at Object../src/popup/st.js (commons1.js:12725) at __webpack_require__ (popup.js:23) at Object../src/popup/app.js (commons1.js:12543) at __webpack_require__ (popup.js:23) at Object../src/popup/index.js (commons1.js:12687) at __webpack_require__ (popup.js:23) at popup.js:163 at Function.__webpack_require__.O (popup.js:57)Estoy buscando en Internet que sabe que parece que vue 3 no admite el uso de extender para cargar componentes de terceros . que debo hacer para solucionar este problema? ¿Es posible usar el código vue 3 para hacer lo mismo que vue 2? ¿Cómo modificar mi código vue 2? Este es el código de vue 2 con extensión:
export default Vue.extend( { template , data : ()=>({}) })En vue 3 no hay un miembro exportado llamado Vue , el código correcto que es equivalente a Vue.extend es:
import { defineComponent } from 'vue'; export default defineComponent({ template , data : ()=>({}) })Haz como la dumentación :
principal.js:
import Vue from 'vue' import App from './App.vue' import vuetify from '@/plugins/vuetify' // path to vuetify export Vue.config.productionTip = false new Vue({ vuetify, render: h => h(App), }).$mount('#app')Cree un archivo en src/plugins/vuetify.js con esto:
import Vue from 'vue' import Vuetify from 'vuetify' import 'vuetify/dist/vuetify.min.css' Vue.use(Vuetify) const opts = {} export default new Vuetify(opts)Si recibió este error para la biblioteca de tostadoras, esta solución para usted:
El mismo problema se resolvió para mí cuando importé jQuery antes de importar la biblioteca de tostadora en mi compilación json.
So please import toastr library after jQuery