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

Help

Home

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

Show: Today's Messages :: Show Polls :: Message Navigator

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

Tue, 03 November 2020 11:45

Christoph Quinten

Messages: 13
Registered: November 2020

Junior Member

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?

Report message to a moderator

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

Tue, 03 November 2020 16:57

Mr Robot

Messages: 72
Registered: March 2020

Member

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 16:59]

Report message to a moderator

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

Tue, 03 November 2020 22:08

Claudio Guglielmo

Messages: 259
Registered: March 2010

Senior Member

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.

Report message to a moderator

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

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Thu Dec 12 20:23:48 GMT 2024

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter