Eclipse Community Forums: Eclipse Scout » Error vendor.js when using ChartField

Home » Eclipse Projects » Eclipse Scout » Error vendor.js when using ChartField

Error vendor.js when using ChartField [message #1834125]

Tue, 03 November 2020 06:45

Eclipse User

Hi,
I've tried to include the ChartField from the Widget app into my own scout application.
Now when I start the application there is an error message saying "404_NOT_FOUND: GET /vendors.js - MDC[]"

I've searched in this forum and found the following discussion:
https://www.eclipse.org/forums/index.php/m/1823783/#msg_1823783

Here it says:
"You need to add a dependency to the package.json in the ui.html module. Then call npm install (or pnpm if you use that). Make sure chart.js exists in your node_modules folder. Does your index.html loads the "vendors.js"? Webpack puts the external libraries in this chunk when the build runs. If your index.html does not request it, the library is never loaded and the module loader in your application will wait forever for that library to be loaded"

I've done everything of the named steps, but the steps to fix it doesn't help me. Could you please give me some help to start the app and use the ChartField?

Re: Error vendor.js when using ChartField [message #1834141 is a reply to message #1834125]

Tue, 03 November 2020 11:57

Eclipse User

Put: Chart.bundle.js, chart.css in ui.html/src/main/js.

You also need to create ChartField.js in same folder. And in ChartField.js

add this to import Chartjs.bundle.js

import {Chart} from './Chart.bundle.js';

to have content like this:

import {FormField} from '@eclipse-scout/core';
import $ from 'jquery';

import {Chart} from './Chart.bundle.js';

export default class ChartField extends FormField {

Chart.css will be imported trough Chart.bundle.js file

In index.js add this:

// import your custom JS files here
export {default as ChartField} from './ChartField';
export {default as ChartFieldAdapter} from './ChartFieldAdapter';

http://prntscr.com/vcqdnu

[Updated on: Tue, 03 November 2020 11:59] by Moderator

Re: Error vendor.js when using ChartField [message #1834151 is a reply to message #1834141]

Tue, 03 November 2020 17:08

Eclipse User

Hi,

even though it will work, I would rather import the chart.js library directly from the node_modules folder instead of copying it to the source folder and import it from there.

import {Chart} from 'chart.js';

See the example here:
https://github.com/BSI-Business-Systems-Integration-AG/org.eclipse.scout.docs/blob/releases/10.0/code/widgets/org.eclipse.scout.widgets.ui.html/src/main/js/custom/chartfield/ChartField.js

Maybe the vendors.js cannot be found because it was not generated due to a missing import of chart.js. Have a look at the dist folder. If there is no vendors.js, the browser won't be able to load it.

Previous Topic:	Autocompletion and syntax for JS
Next Topic:	Zyklisches Update HTML Tile

Goto Forum:

-=] Back to Top [=-

Current Time: Sun Nov 09 05:12:47 EST 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter