How to fix "Elastigantt is not defined" error in Vue.js(laravel) - charts

I installed one package in our laravel project i.e. npm install --save gantt-elastic, when i tried to implement in my Vue component it shows me error "Elastigantt is not defined" not able to identify the issue. please help me out from this.
https://vuejsexamples.com/elastic-gantt-chart-with-vue-js/

update gantt-elastic to latest version :]
check examples folder to figure out how to integrate gantt in your project
https://github.com/neuronetio/gantt-elastic

Related

Flutter Error : Package io.flutter.plugins.webviewflutter does not exists

I get an error message while running a Flutter project. I tried using webview_flutter(1.0.7) plugin with Flutter 1.22.5(stable) and Flutter 1.26.0-2.0.pre.167.
This is a fresh new project with only webview_flutter plugin dependency.
I am getting the above error that package webviewflutter does not exists.
Please help to solve this issue.
You may want to check if you made the correct entry for the package in your pubspec.yaml and after that does get run successfully.
Just a tip:
It is better to paste the error text, rather than a screenshot.

Error: [BABEL] /home/vsts/work/1/s/src/index.js: Cannot find module './src/data' [duplicate]

I created a project with vue-cli 4.1.1, and after running yarn serve, i got the following error
Error: [BABEL] C:\dev\vuestudy\src\main.js: Cannot find module './src/data' (While processing: "C:\\dev\\vuestudy\\node_modules\\#vue\\cli-plugin-babel\\preset.js")
Any tips on this?
Thanks in advance.
UPDATE:
Kousha and Dave are right,after waiting for the core-js package update, I created a new project, and now it's working.
It looks like there's been a bad build of npm package core-js-compat. This is a deep-down dependency of Babel. Lots of things will be affected, things that use Babel.
You will experience this problem if you have core-js-compat v.3.4.6. You can check this by doing npm list core-js-compat. The problem is apparently fixed by v.3.4.7, which was pushed out pretty quickly, about half-an-hour later, but unfortunately it takes a while to spread out through the repositories. You can either wait until an npm update gets you v.3.4.7 or you can go manually download v.3.4.7 if you want to get going right away.
This is a bug with core-js-compat v3.4.6, but already the fix has gone with v3.4.7. See https://github.com/zloirock/core-js/issues/712 for more detail.
You may be able to force install the not-broken version with
npm i core-js-compat#3.4.7 --save
It worked on my machineā„¢
With Vue / Nuxt, you can delete package-lock.json and node_modules and do an npm install to fix this issue.

How to fix Cannot find module 'rxjs-compat/Observable' error?

I am creating an ionic app with Ionic 4 based on angular 6!
To set the screen orientation installed the below plugin.
ionic cordova plugin add cordova-plugin-screen-orientation
npm install --save #ionic-native/screen-orientation
And imported in required typescript! But when i run the project i got the error below.
ERROR in node_modules/#ionic-native/screen-orientation/index.d.ts(2,10): error TS2305: Module '"/Users/karthikcp/Documents/IONIC/myBake/node_modules/rxjs/Observable"' has no exported member 'Observable'.
[ng] node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
Can anyone help me in fixing this error?
In Ionic 4 you need to install all your native plugins as beta:
npm install --save #ionic-native/screen-orientation#beta
Inside your code, for Angular, the import path should end with /ngx.
import { ScreenOrientation } from '#ionic-native/screen-orientation/ngx';
Don't install rxjs-compact.
npm i rxjs-compat
Please add these command on your root folder

angular4 data table Error as ./node_modules/angular-4-data-table/src/index.ts

Im getting error as after i install datatabel npm install angular-4-data-table --save
ERROR in ./node_modules/angular-4-data-table/src/index.ts
Module build failed: Error: C:\SOFT\Angular\Angular\node_modules\angular-4-data-table\src\index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
You are certenly using a higher version of angular which is not well organised with angular-data-table4 then upgrade for 5 version of the grid :
npm install angular5-data-table --save
and in App Module use:
import {DataTableModule} from 'angular5-data-table';
use in component
import { ... } from 'angular5-data-table';
it worked for me

Redux-form-material-ui - Can't resolve 'material-ui/Radio'

I have migrated to the upcoming version (v1) of material-UI, and I installed v1 alongside the current version according to the recommendation:
yarn add material-ui#latest
yarn add material-ui-next#npm:material-ui#next
When I try to use redux-form and use the package redux-form-material-ui to connect the components, it searches for the material-UI components in "material-ui" folder, which gives an error:
Error: Can't resolve 'material-ui/Radio' in 'C:\path\to\redux-form-material-ui\lib'
But I import Radio from material-ui-next/Radio
So it looks for it in the wrong version.
How can I make this work? Should I uninstall the current version and install "next" as "material-ui" instead?
Here is what is installed:
"material-ui": "^0.20.0",
"material-ui-next": "npm:material-ui#next",
"redux-form-material-ui": "^5.0.0-beta.2",
"redux-form": "^7.3.0",
My way of getting around the problem was to uninstall both material UI packages and then install the v1 as "material-ui" , and the old one as "material-ui-old":
"material-ui": "npm:material-ui#next",
"material-ui-old": "npm:material-ui"
I had to change all the imports in the project.
But now it finds the 'material-ui/Radio'.