Hi! I have a problem after integrate into my systems (Angular8) the gantt and schedulerpro
gantt-vanilla-4.0.0-rc-1
schedulerpro-4.0.0-rc-1
This is error
Uncaught Error: Bundle included twice, check cache-busters and file types (.js)
Support Forum
Also, we have an example how to integrate both Bryntum products: https://www.bryntum.com/examples/gantt/gantt-schedulerpro/ Use it as base to integrate for your Angular 8 test case.
Best regards,
Fabio
simiczky, I am unable to reproduce right now. Where is this umd file from from? bryntum-gantt/gantt.lite.umd.js when you try to run any demo or on your project? How are you adding the gantt and scheduler-pro?
Could you please inform what demo you were based to create your project? I really need something to try on my side to identify the problem.
I need these details to investigate. Thank you!
Best regards,
Fabio
Hi Fabio!
it also smoothly throws an error into the gantt. (gantt.lite.umd.js)
This project no demo, our project!
my package.json
{
"name": "angular8",
"version": "0.0.0",
"private": true,
"scripts": {
"ng": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng",
"version": "node git-version.js",
"start": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng serve --proxy-config proxy.js",
"starthu": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng serve --configuration=hu",
"build-i18n:fr": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --output-path=../web/app2/fr --prod --no-aot --build-optimizer false --base-href /fr/ --i18n-file=locale/messages.fr.xlf --i18n-format=xlf --i18n-locale=fr",
"build-i18n:es": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --output-path=../web/app2/es --prod --no-aot --build-optimizer false --base-href /es/ --i18n-file=locale/messages.es.xlf --i18n-format=xlf --i18n-locale=es",
"build-i18n:en": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --output-path=../web/en --prod --base-href /en/ --i18n-file=locale/messages.en.xlf --i18n-format xlf --i18n-locale=en",
"build-i18n:hu": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --output-path=../web/hu --prod --base-href /hu/ --i18n-file=locale/messages.hu.xlf --i18n-format xlf --i18n-locale=hu",
"build-i18n": "npm run version && npm run extract-i18n && npm run build-i18n:hu && npm run build-i18n:en",
"build-i18n-dev": "npm run version && npm run build-i18n:hu",
"build-i18n-devlocal": "npm run build-i18n:hu",
"build": "ng build --prod --base-href /app2/",
"buildhu": "ng build --prod --configuration=hu",
"extract-i18n": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng xi18n --i18n-format xlf --output-path locale_xliffmerge --i18n-locale hu && ng run frontend-angular8:xliffmerge",
"test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
"lint": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng lint",
"modernizr": "modernizr -c modernizr-config.json -d src/modernizr.js",
"webdriver-manager-update": "node ./node_modules/protractor/bin/webdriver-manager update",
"e2e": "ng e2e",
"gantt-builder": "node ./purchased_modules/bryntum-resources/_shared/scripts/build.js",
"guide": "npm run gantt-builder guide gantt angular",
"preinstall": "npm run gantt-builder"
},
"dependencies": {
"@agm/core": "1.0.0-beta.5",
"@angular/animations": "^8.2.14",
"@angular/cdk": "^8.2.3",
"@angular/common": "^8.2.14",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
"@angular/forms": "^8.2.14",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "^8.2.14",
"@angular/platform-browser-dynamic": "^8.2.14",
"@angular/router": "^8.2.14",
"@ckeditor/ckeditor5-angular": "^1.1.2",
"@ckeditor/ckeditor5-build-classic": "^15.0.0",
"@fortawesome/fontawesome-free": "5.5.0",
"@kolkov/angular-editor": "^1.0.2",
"@ng-bootstrap/ng-bootstrap": "5.1.0",
"@ngx-i18nsupport/tooling": "^8.0.3",
"@ngx-translate/core": "11.0.1",
"@ngx-translate/http-loader": "4.0.0",
"@swimlane/ngx-datatable": "15.0.0",
"@types/grecaptcha": "^3.0.0",
"ag-grid": "^18.1.2",
"ag-grid-angular": "^19.1.2",
"ag-grid-community": "19.1.3",
"amazing-time-picker": "^1.8.0",
"angular-calendar": "^0.28.2",
"angular-tree-component": "8.0.0",
"angular2-text-mask": "9.0.0",
"angular2-toaster": "7.0.0",
"angularx-flatpickr": "^6.2.0",
"bootstrap": "4.3.1",
"bryntum-angular-shared": "file:./purchased_modules/bryntum-angular-shared/_shared/projects/bryntum-angular-shared",
"bryntum-gantt": "file:./purchased_modules/bryntum-gantt/build",
"bryntum-resources": "file:./purchased_modules/bryntum-resources/_shared",
"bryntum-schedulerpro": "file:./purchased_modules/bryntum-schedulerpro/build",
"chart.js": "2.7.3",
"classlist.js": "1.1.20150312",
"codemirror": "5.42.0",
"core-js": "2.5.4",
"date-fns": "^2.8.1",
"document-register-element": "^1.14.5",
"easy-pie-chart": "2.1.7",
"enhanced-resolve": "3.3.0",
"flatpickr": "^4.6.3",
"flot": "github:themicon/flot",
"fullcalendar": "3.9.0",
"ika.jvectormap": "github:themicon/ika.jvectormap",
"intl": "1.2.5",
"jqcloud2": "2.0.3",
"jquery": "3.4.1",
"jquery-slimscroll": "1.3.8",
"jquery-sparkline": "2.4.0",
"jquery.browser": "0.1.0",
"jquery.flot.spline": "github:themicon/jquery.flot.spline",
"jquery.flot.tooltip": "github:krzysu/flot.tooltip",
"jqwidgets-ng": "^9.0.0",
"lodash": "4.17.12",
"modernizr": "3.7.1",
"moment": "^2.24.0",
"ng-recaptcha": "^5.0.0",
"ng2-charts": "1.6.0",
"ng2-dnd": "5.0.2",
"ng2-file-upload": "^1.3.0",
"ng2-img-cropper": "0.9.0",
"ng2-material-dropdown": "0.10.1",
"ng2-pdf-viewer": "^6.0.2",
"ng2-pdfjs-viewer": "^5.0.1",
"ng2-table": "1.3.2",
"ng2-validation": "4.2.0",
"ngx-bootstrap": "4.2.0",
"ngx-breadcrumbs": "0.0.3",
"ngx-chips": "2.0.0-beta.0",
"ngx-color-picker": "^7.0.2",
"ngx-cookie-service": "^2.3.0",
"ngx-dropzone": "^2.2.2",
"ngx-infinite-scroll": "6.0.1",
"ngx-select-ex": "3.6.7",
"node-sass": "^4.13.0",
"popper.js": "1.14.3",
"rxjs": "~6.4.0",
"rxjs-compat": "6.1.0",
"screenfull": "3.3.3",
"simple-line-icons": "2.4.1",
"source-sans-pro": "2.40.0",
"spinkit": "1.2.5",
"summernote": "0.8.10",
"sweetalert": "2.1.2",
"ts-helpers": "1.1.1",
"tslib": "^1.10.0",
"weather-icons": "github:erikflowers/weather-icons",
"web-animations-js": "2.2.1",
"xlf-translator": "^1.0.30",
"zone.js": "~0.10.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.803.21",
"@angular/cli": "^8.3.21",
"@angular/compiler-cli": "^8.2.14",
"@angular/language-service": "^8.2.14",
"@types/codemirror": "0.0.67",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/lodash": "4.14.118",
"@types/node": "^10.17.13",
"are-we-there-yet": "1.1.5",
"codelyzer": "^5.2.1",
"fs-extra": "6.0.1",
"git-describe": "^4.0.4",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.5.1",
"karma-read-json": "1.1.0",
"loaders.css": "0.1.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.5.3",
"webdriver-manager": "10.2.5",
"webpack-bundle-analyzer": "^3.6.1",
"postinstall": "~0.7.0"
}
}
import { AssignmentModel, Combo, TaskStore, AjaxHelper, WidgetHelper, Store } from 'bryntum-gantt/gantt.lite.umd.js';
Uncaught Error: Bundle included twice, check cache-busters and file types (.js)
gantt.umd.js no error..
I copied these into my project
"bryntum-gantt": "file:./purchased_modules/bryntum-gantt/build",
from gantt-vanilla-4.0.0-rc-1/gantt-4.0.0-rc-1/build
"bryntum-resources": "file:./purchased_modules/bryntum-resources/shared",
from gantt-vanilla-4.0.0-rc-1/gantt-4.0.0-rc-1/examples/shared
"bryntum-angular-shared": "file:./purchased_modules/bryntum-angular-shared/shared/projects/bryntum-angular-shared",
from gantt-vanilla-4.0.0-rc-1/gantt-4.0.0-rc-1/examples/angular/shared
"bryntum-schedulerpro": "file:./purchased_modules/bryntum-schedulerpro/build",
schedulerpro-4.0.0-rc-/build
Hi simiczky,
I tried to repro the issue with gantt.lite.umd.js with our Angular example that uses this file. But it works without errors.
This problem may appear if you missed some place where you import gantt.umd.js. You should use only one of them, you cannot use both. So, be aware to change it to gantt.lite.umd.js in all the places in your project.
Another moment, we recommend to keep our products sources outside of the project folder, in the place invisible to Angular to avoid possible problems. So, it should be like (see double dot):
"bryntum-angular-shared": "file:../purchased_modules/bryntum-angular-shared/_shared/projects/bryntum-angular-shared",
Please let us know if it helped and good luck!
All best,
Alex
All the best,
Alex