Our state of the art Gantt chart


Post by jim@jimclark.net.au »

Thanks, much appreciated
getting build error on this beta version..
Node: 6.13.1
Vue CLI: 4.1.1
Windows 10
npm install
npm run build

ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! advanced@0.1.0 build: `cross-env NODE_ENV=development vue-cli-service build`

Post by jim@jimclark.net.au »

Thanks, getting build errors with this beta version using Vue.js
Vue CLI: 4.1.1
Node: v12.13.0
Windows 10;
npm install

"D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass\build\binding.sln" (default target) (1) ->
"D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass\build\binding.vcxproj.metaproj" (default target) (2) ->
"D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass\build\binding.vcxproj" (default target) (4) ->
(ClCompile target) ->
d:\bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass\src\create_string.cpp(17): error C2664: 'v8::String::Utf8Value::Utf8Value(const v8::String::Utf8Value &)': canno
t convert argument 1 from 'v8::Local<v8::Value>' to 'const v8::String::Utf8Value &' [D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass\build\binding.vcxproj]

12 Warning(s)
1 Error(s)

Time Elapsed 00:00:16.38
gyp ERR! build error
gyp ERR! stack Error: `C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe` failed with exit code: 1
gyp ERR! stack at ChildProcess.onExit (D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-gyp\lib\build.js:262:23)
gyp ERR! stack at ChildProcess.emit (events.js:210:5)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Windows_NT 10.0.18362
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "D:\\Bryntum\\gantt-1.3.0-beta-1-trial\\gantt-1.3.0-beta-1-trial\\examples\\vue\\javascript\\advanced\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\Bryntum\gantt-1.3.0-beta-1-trial\gantt-1.3.0-beta-1-trial\examples\vue\javascript\advanced\node_modules\node-sass
gyp ERR! node -v v12.13.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.9.4 postinstall: `node scripts/build.js`
npm ERR! Exit status 1

Post by pmiklashevich »

That could happen due to node v12. Please try to downgrade to v10.17.0. You can download it here https://nodejs.org/dist/v10.17.0/ (*.pkg for MacOS, other names are self-explained) or use nvm to manage active node version.

Please remove node_modules and package-lock.json file and try to build it again.

Let us know please of the result.

Pavlo Miklashevych
Sr. Frontend Developer


Post by jim@jimclark.net.au »

Downgrade to node v10.17.0 fixed the build issue. Thanks for that

# Export demo ## Setup

1. Setup the server
Done : Export Server is running on port 8080

2. Configure example to use your server By default example is setup to use `localhost:8080`
How is this done for the vue.js example in \examples\vue\javascript\advanced?
npm start will runs on the vue dev server which is not what is needed. Do I need to do build configured for port 8080?

3. Open this example in browser, press `Export` and check various export
So if it is all setup correctly the Export buttons will appear as they don the following demo..
https://dev.bryntum.com/examples/gantt/examples/export/
Currently not seeing any export button in the \examples\vue\ project?

Post by Maxim Gorkovsky »

Hello, sorry for this confustion.
Demo dev.bryntum.com/examples/gantt/examles/export is the old ExtGantt export demo, completely different product.
2. Configure example to use your server By default example is setup to use `localhost:8080`
How is this done for the vue.js example in \examples\vue\javascript\advanced?
npm start will runs on the vue dev server which is not what is needed. Do I need to do build configured for port 8080?
You need to configure vue demo to use pdfExport feature. E.g. you can add this to components/gantt/ganttConfig.js:
features : {
  pdfExport : { ... } // see config in examples/export demo
}
3. Open this example in browser, press `Export` and check various export
So if it is all setup correctly the Export buttons will appear as they don the following demo..
https://dev.bryntum.com/examples/gantt/examples/export/
Currently not seeing any export button in the \examples\vue\ project?
Export feature doesn't append buttons on its own, those has to be added manually. Add new button to the demo (you can take FullScreenButton as a template) and call this in handler:
gantt.features.pdfExport.showExportDialog()

Post by jim@jimclark.net.au »

all done and runs without errors. shows dialog (waiting for response from server & loading) but then closes with nothing downloaded
no errors in console. Is there some more code needed to access the file generated by the server?

Post by jim@jimclark.net.au »

{success: true, url: "https://localhost:8080/5ca448d0-129c-11ea-83a5-e71b74552630"}
this is shows in network traffic. File not found if I try to open the link?

Post by Maxim Gorkovsky »

Check if any popups got blocked by browser? When response from server is received it contains link for a temporary file which is immediately opened in a new tab. That new tab may be blocked.

Post by jim@jimclark.net.au »

Yes, right you are. All fixed and working as expected. Thanks

Post by jim@jimclark.net.au »

Been testing this beta-1 trial version and looks pretty good.
one thing to mention is am getting an error report (see below) from the example export server when exporting to A3 Portrait, PNG form one of the standard Vue.js example (have modified to add pdfExport, etc). It does generate the PNG file ok but just noting the error message...

Http server started on port 8080
ERROR: The process with PID 6020 (child process of PID 4480) could not be terminated.
Reason: The operation attempted is not supported.

Post Reply