[VUE] examples-scheduler does not build

[pca]

I am trying to build the examples provided for scheduler 5.5.0, using Vue 3. I have downloaded the schedulerpro-5.5.0 zip-file provided at the customer zone, unpacked it, logged in, and ran

npm install

and

npm run build

.

This works fine for the examples provided in the 'examples' folder (conflicts, inline-data, non-working-time, resource-histogram and taskeditor). However, this does not work for the examples provided in the 'examples-scheduler' folder (columns, simple and simpleeditor). All three result in the same error:

D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\src\App.vue
  2:1  error  Parsing error: Unexpected token <

D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\src\AppConfig.js
  4:1  error  Parsing error: The keyword 'const' is reserved

D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\src\main.js
  1:1  error  Parsing error: The keyword 'import' is reserved

✖ 3 problems (3 errors, 0 warnings)


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
 ERROR  Error: Build failed with errors.
Error: Build failed with errors.
    at D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\@vue\cli-service\lib\commands\build\index.js:207:23
    at D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\webpack\lib\webpack.js:157:8
    at D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\webpack\lib\HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\tapable\lib\Hook.js:18:14)
    at Cache.shutdown (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\webpack\lib\Cache.js:150:23)
    at D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\webpack\lib\Compiler.js:1229:15
    at Hook.eval [as callAsync] (eval at create (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\tapable\lib\Hook.js:18:14)
    at Compiler.close (D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\webpack\lib\Compiler.js:1222:23)

It also gives this BABEL notification, which may or may not be part of the issue:

[BABEL] Note: The code generator has deoptimised the styling of D:\Inetpub\resources\bryntum\examples-scheduler\frameworks\vue-3\javascript\simpleeditor\node_modules\@bryntum\schedulerpro\schedulerpro.module.js as it exceeds the max of 500KB.

What is going wrong here?

[marcio]

Hey pca,

I tried with the latest package and didn't get the same result, all worked well.

Have you tried to clear npm cache, just to be sure that's all working with the latest versions?