usando Node.js instalé el paquete JSHint y escribí las siguientes opciones en el archivo .jshintrc:

 { "version": 9, "camelcase": false, "undef": true, "unused": false, "global": { "window": true } }

A continuación, ejecuto la tarea de compilación dentro de gulpfile.js

 function lint_client() { return src('./client/js/Controller_ui.js') .pipe(jshint()) .pipe(jshint.reporter('default')); } function browserify_client() { return src('./client/js/Controller_ui.js') .pipe(browserify({ insertGlobals: true })) .pipe(rename('Controller_ui.js')) .pipe(dest('./public')); } exports.build = series(lint_client, browserify_client);

Por encima del contenido del archivo COntrollef_ui.js está:

 import $ from 'jquery'; $(window).ready(function(){ console.log('äö'); });

y el mensaje con el problema que tengo, esta en la consola:

 /workspace/deploy-contracts/client/js/fake_f2c8a270.js:2 import $ from 'jquery'; ^ ParseError: 'import' and 'export' may only appear at the top level

o

 /workspace/deploy-contracts/client/js/fake_f2c8a270.js:2 import { $ } from 'jquery'; ^ ParseError: 'import' and 'export' may only appear at the top level

¿Se trata del top level de un árbol o no entiendo? ¿Cómo solucionar o eliminar el error?