How can I install vue2leaflet in quasar? - vue.js

I am trying to install vue2leaftlet in my quasar version 2 vue version 3 project and it seems I can install it. I have followed this example https://techformist.com/using-vue-plugins-quasar/
but it won't work since I keep getting the following error:
vplugins.js?bfd0:5 Uncaught (in promise) TypeError: vue2_leaflet__WEBPACK_IMPORTED_MODULE_1__.install is not a function
at eval (vplugins.js?bfd0:5)
at Module../src/boot/vplugins.js (app.js:85)
at __webpack_require__ (app.js:217)
at Function.fn (app.js:482)
at async Promise.all (:8080/index 0)

Related

react-native-navigation error on react-native-web implementation

i tried to implement react-native-web to existing react-native app/project. And after i follow some tutorial and fix some errors (settings webpack config, set alias for some node modules), this error appear on web inspect console.
rnw_blogpost.bundle.js:15878 Uncaught TypeError: react_native_1.requireNativeComponent is not a function
at eval (Modal.js:1:2359)
at ./node_modules/react-native-navigation/lib/dist/components/Modal.js (rnw_blogpost.bundle.js:3730:1)
at __webpack_require__ (rnw_blogpost.bundle.js:15875:33)
at fn (rnw_blogpost.bundle.js:16094:21)
at eval (index.js:1:481)
at ./node_modules/react-native-navigation/lib/dist/index.js (rnw_blogpost.bundle.js:3785:1)
at __webpack_require__ (rnw_blogpost.bundle.js:15875:33)
at fn (rnw_blogpost.bundle.js:16094:21)
at eval (index.js:1:342)
at ./index.js (rnw_blogpost.bundle.js:942:1)
Can anyone help me or give me a hint about this errors? Thank you.

Weird issue when I use google chart or chartjs with Vuejs 2 and Laravel

Hi I am using vuejs with chartjs but I am getting a weird issue I though that it could be the library but I do not know what it can be, I am using Vuejs 2 I do exactly what this tutorial says:
Look Tutorial
And I get an error then I tried to use google chart with Vuejs and I am getting same error, the error is this one:
TypeError: Object(...) is not a function
at generateChart (243.js:13430:71)
at Module../node_modules/vue-chartjs/dist/index.js (243.js:13577:29)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/components/LineChart.js (244.js:142:69)
at __webpack_require__ (app.js:64:30)
at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/views/Grafico.vue?vue&type=script&lang=js& (244.js:12:82)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/views/Grafico.vue?vue&type=script&lang=js& (244.js:206:198)
at __webpack_require__ (app.js:64:30)
at Module../resources/js/views/Grafico.vue (244.js:168:95)
I installed the package with the npm I do step by step and I get same error in both cases what could it be? what is that error?
Thanks
downgrading the version can help solve this issue. I was getting the similar error.
version to install
npm install chart.js#2.7.1 vue-chartjs#3.4.0 --save
Or can follow this example : example for vue-chartjs and nuxt

nom galio-framework missing ./fonts/galio.ttf

I'm using galio-framework in my react native project. I installed galio-framewor using npm i galio-framework https://www.npmjs.com/package/galio-framework.
However, when I run my expo project, it returns the warning:
[Unhandled promise rejection: Error: Could not download from './fonts/galio.ttf']
The icon/fonts are not being loaded in my project. How can I install galio.ttf?
Thanks

Laravel mix throws error on dynamic component loading

I am using laravel mix and vue. I am loading all components dynamically by defining routes in routes.js file.
{ path: '/network', component:() => import('./components/network/NetworkComponent') },
when i run "npm run dev" or "npm run prod". all my routes are working fine and components are loaded correctly associated with each route. When i use npm run watch to add/change something and rebuild using npm run watch i am getting below error
app.js?t=1570291343:64 Uncaught (in promise) TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (app.js?t=1570291343:64)
at __webpack_require__.t (app.js?t=1570291343:162)

ionic 4 - Uncaught TypeError when add plugin

I have created an ionic project(version: 4.0.6). I am getting below error after adding the plugin cordova-plugin-x-socialsharing from https://beta.ionicframework.com/docs/native/social-sharing.
I am stuck here. Could anybody help me on this please.
index.js:413 Uncaught TypeError: Object(...) is not a function
at index.js:413
at Object../node_modules/#ionic-native/social-sharing/index.js (index.js:590)
at __webpack_require__ (bootstrap:81)
at Object../src/app/app.module.ts (app.global.ts:10)
at __webpack_require__ (bootstrap:81)
at Object../src/main.ts (environment.ts:15)
at __webpack_require__ (bootstrap:81)
at Object.0 (main.ts:12)
at __webpack_require__ (bootstrap:81)
at checkDeferredModules (bootstrap:43)
Update: I found one solution today!
step1: change version of plugin in package.json to the same version of #ionic-native/core that shown in the package.json.
Step 2: remove node_module and run npm install.
Step 3: add '/ngx' at the end when import it like below;
import { SocialSharing } from '#ionic-native/social-sharing/ngx';
step 4: do rest same as ionic 2 or 3
The Angular versions are now imported from #ionic-native/plugin-xxx/ngx.