Modul-Unterstützung about ud-basic-webdev-setup HOT 6 CLOSED

Was für Module willst du den Importieren? bzw. was hast du bissher gemacht um die zu Imprtieren?

from ud-basic-webdev-setup.

Konkret würde es um 'socket.io-client' und 'chart.js' gehen.
Die Packete sind via NPM installiert worden (mit der der Option --save).
Im JavaScript habe ich versucht die beiden Module mittels folgender Zeilen einzubinden:
import Chart from 'chart.js'; import io from 'socket.io-client';
browserify wirft beim ausführen des Gulp-Tasks folgende Fehlermeldung:

import Chart from 'chart.js';
^
ParseError: 'import' and 'export' may only appear at the top level

from ud-basic-webdev-setup.

Ja, das gleiche Problem habe ich auch... hab es mit Jquery und AnimeJS versucht

import $ from "jqeruy"; und import animejs from "animejs";

jeweils der Fehler:

src/js/main.js
line 1 col 1 'import' is only available in ES6 (use 'esversion: 6').

⚠ 1 warning
/Users/xxxx/web/xxxx/src/js/fake_505eb3f6.js:2
import animejs from "animejs";
^
ParseError: 'import' and 'export' may only appear at the top level

from ud-basic-webdev-setup.

@daferner @Markus1397 Das Problem lässt sich relativ leicht beheben:
Erstellt eine .jshintrc-Datei im root mit folgendem Inhalt:

{
    "esversion": 6
}

Die Zahl kann auch entsprechend höher gesetzt werden (Bis 10) um weitere Features zu erlauben.
Siehe https://jshint.com/docs/options/#esversion

from ud-basic-webdev-setup.

Hallo @micschwarz,
vielen Dank für deine Hilfe... leider hat das meine Fehlermeldung nur verändert und ich bekomme jetzt folgende Meldung:

/Users/xxx/web/xxx/src/js/fake_b39027f9.js:2
import animejs from "animejs";
^
ParseError: 'import' and 'export' may only appear at the top level

from ud-basic-webdev-setup.

@daferner funktioniert dein Code denn? Das ist nur eine Warnung von Jshint, die sollte nichts ausmachen. Die kannst du ignorieren bis das behoben ist

from ud-basic-webdev-setup.