Can someone help me compile Keen v1.4.9, Demo 5?
Hi- I'm trying to get a demo compiled of a Keen theme we purchased in 2019. I've installed Node.js and pytho27....but I can not get it to compile.
Does anyone have this compiled? I get this error when I call "yarn" from the command prompt.
File "C:\Users\emligotti.node-gyp\18.16.0\include\node\common.gypi", line 1
e_data_file_flag%': 1
^
SyntaxError: EOL while scanning string literal
gyp ERR! configure error
gyp ERR! stack Error: gyp failed with exit code: 1
Replies (9)
You're welcome! I'm glad to hear that it worked and that the changes resolved the compilation issue. If you have any more questions or need further assistance, feel free to ask. I'm here to help. Happy coding!
Hi Emily,
I've made some updates to the package.json file. It appears that the current version of the Sass compiler is outdated and incompatible with the other dependencies. To resolve this, we have made the following changes:
https://gist.github.com/KeenthemesHub/24298b78e2f1fea530455914e8912d67
We removed the gulp-sass and node-sass packages and replaced them with gulp-dart-sass. Please replace your existing package.json file with this updated version. After replacing the file, delete the node_modules folder and run yarn install to reinstall the dependencies.
Please give it a try and let me know if you encounter any further issues.
Thank you!
That worked! Thank you! I had to change a few other references to "gulp-dart-sass" but after that it compiled no problem!
Appreciate the help so much!!
Hi Emily,
We understand that upgrading code can be time-consuming and expensive. Regarding the build issue, could you please clarify if you encounter the problem while building the assets using gulp or during the yarn installation process?
To better assist you, it would be helpful if you could provide your full package.json file. This will allow us to examine the dependencies and configurations in your project and offer more specific guidance to resolve the issue.
Please provide the contents of your package.json file, and we'll do our best to help you troubleshoot the problem.
Thanks
Hi-
Sure, the error occurs during the yarn installation process.
Step #7 from this link:
https://preview.keenthemes.com/html/keen/docs/getting-started/build/gulp
.json is below.
Thanks for the help!
Here is the package.json:
{
"name": "keen",
"version": "1.4.9",
"description": "",
"main": "gulpfile.js",
"dependencies": {
"@ckeditor/ckeditor5-alignment": "^11.2.0",
"@ckeditor/ckeditor5-build-balloon": "^12.4.0",
"@ckeditor/ckeditor5-build-balloon-block": "^12.4.0",
"@ckeditor/ckeditor5-build-classic": "^12.4.0",
"@ckeditor/ckeditor5-build-decoupled-document": "^12.4.0",
"@ckeditor/ckeditor5-build-inline": "^12.4.0",
"@fortawesome/fontawesome-free": "^5.8.1",
"@fullcalendar/core": "^4.2.0",
"@fullcalendar/daygrid": "^4.2.0",
"@fullcalendar/google-calendar": "^4.2.0",
"@fullcalendar/interaction": "^4.2.0",
"@fullcalendar/list": "^4.2.0",
"@fullcalendar/timegrid": "^4.2.0",
"@uppy/core": "^1.1.0",
"@uppy/progress-bar": "^1.1.0",
"@uppy/tus": "^1.2.0",
"@yaireo/tagify": "^2.23.1",
"animate.css": "^3.5.2",
"autosize": "^4.0.0",
"block-ui": "^2.70.1",
"bootstrap": "^4.4.1",
"bootstrap-datepicker": "^1.8.0",
"bootstrap-daterangepicker": "^3.0.3",
"bootstrap-datetime-picker": "^2.4.4",
"bootstrap-datetimepicker": "^0.0.7",
"bootstrap-markdown": "^2.10.0",
"bootstrap-maxlength": "^1.6.0",
"bootstrap-notify": "^3.1.3",
"bootstrap-select": "1.13.10",
"bootstrap-switch": "^3.3.4",
"bootstrap-timepicker": "^0.5.2",
"bootstrap-touchspin": "^4.2.5",
"chart.js": "^2.9.3",
"chartist": "^0.11.0",
"clipboard": "^2.0.4",
"counterup": "^1.0.2",
"cropperjs": "^1.5.6",
"datatables.net-autofill-bs4": "^2.3.4",
"datatables.net-bs4": "^1.10.20",
"datatables.net-buttons-bs4": "^1.6.0",
"datatables.net-colreorder-bs4": "^1.5.2",
"datatables.net-fixedcolumns-bs4": "^3.3.0",
"datatables.net-fixedheader-bs4": "^3.1.6",
"datatables.net-keytable-bs4": "^2.5.1",
"datatables.net-responsive-bs4": "^2.2.3",
"datatables.net-rowgroup-bs4": "^1.1.1",
"datatables.net-rowreorder-bs4": "^1.2.6",
"datatables.net-scroller-bs4": "^2.0.1",
"datatables.net-select-bs4": "^1.3.1",
"dompurify": "^1.0.9",
"dropzone": "^5.5.1",
"dual-listbox": "1.1.0",
"es6-promise": "^4.2.8",
"es6-promise-polyfill": "^1.2.0",
"flot": "^3.2.2",
"gmaps": "^0.4.24",
"handlebars": "4.1.0",
"inputmask": "^4.0.6",
"ion-rangeslider": "^2.2.0",
"jquery": "^3.3.1",
"jquery-flot": "^0.8.3",
"jquery-form": "^4.2.2",
"jquery-ui": "^1.12.1",
"jquery-validation": "1.19.0",
"jquery.repeater": "^1.2.1",
"jqvmap": "^1.5.1",
"js-cookie": "^2.2.0",
"jstree": "^3.3.8",
"jszip": "^3.2.2",
"markdown": "^0.5.0",
"moment": "^2.24.0",
"morris.js": "^0.5.0",
"nouislider": "^13.1.0",
"owl.carousel": "^2.2.0",
"pace": "0.0.4",
"pace-js": "^1.0.2",
"pdfmake": "^0.1.60",
"perfect-scrollbar": "^1.4.0",
"popper.js": "^1.14.7",
"prismjs": "^1.8.4",
"quill": "^1.3.7",
"raphael": "^2.2.7",
"ribble": "^1.0.4",
"select2": "^4.0.8",
"socicon": "^3.0.5",
"sticky-js": "^1.2.0",
"stream-exhaust": "^1.0.2",
"summernote": "0.8.12",
"sweetalert2": "^8.0.6",
"tagify": "^0.1.1",
"tether": "^1.4.3",
"tinymce": "^5.0.16",
"toastr": "^2.1.4",
"tooltip.js": "^1.2.0",
"typeahead.js": "^0.11.1",
"underscore": "^1.8.3",
"uppy": "^1.3.0",
"waypoints": "^4.0.1",
"wnumb": "^1.1.0"
},
"devDependencies": {
"atob": "^2.1.2",
"comment-parser": "^0.5.5",
"copy-webpack-plugin": "^5.0.2",
"css-loader": "^2.1.1",
"del": "^3.0.0",
"extract-loader": "^3.1.0",
"file-loader": "^3.0.1",
"gulp": "^4.0.0",
"gulp-autoprefixer": "^6.0.0",
"gulp-clean-css": "^4.2.0",
"gulp-concat": "^2.6.1",
"gulp-connect": "^5.6.1",
"gulp-filter": "^5.0.1",
"gulp-if": "^2.0.2",
"gulp-rename": "^1.3.0",
"gulp-replace": "^1.0.0",
"gulp-rewrite-css": "^1.1.0",
"gulp-rtlcss": "^1.2.0",
"gulp-sass": "^4.0.1",
"gulp-sourcemaps": "^2.6.0",
"gulp-uglify-es": "^1.0.1",
"imports-loader": "^0.8.0",
"lazypipe": "^1.0.2",
"merge-stream": "^1.0.1",
"mini-css-extract-plugin": "^0.6.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "^5.0.3",
"postcss-loader": "^3.0.0",
"pretty": "^2.0.0",
"replace-in-file-webpack-plugin": "^1.0.6",
"rtlcss-webpack-plugin": "^4.0.3",
"sass-loader": "^7.1.0",
"script-loader": "^0.7.2",
"terser-webpack-plugin": "^1.3.0",
"url-loader": "^2.0.1",
"webpack": "^4.30.0",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "^3.7.2",
"webpack-exclude-assets-plugin": "^0.1.1",
"webpack-messages": "^2.0.4",
"webpack-rtl-plugin": "^2.0.0",
"yargs": "^12.0.5",
"yarn-install": "^1.0.0"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"watch": "webpack --watch",
"localhost": "node --max-old-space-size=4096 node_modules/webpack-dev-server/bin/webpack-dev-server.js --open"
},
"author": "Keenthemes",
"license": "ISC",
"homepage": "https://keenthemes.com/"
}
Hi Emily,
I apologize for the inconvenience you're experiencing with Keen v1.4.9. It seems that this version may be outdated and causing compatibility issues. To resolve the problem, I recommend downloading the latest version of Keen, which is v3.
You can download the latest Keen version from the following link:
Please give it a try and let me know if the issue persists.
Thanks
Hi-
Thank you for this suggestion but I have a huge codebase that uses the Keen v1 tags (kt-) . The latest style will not work for me.
If you have any other ideas on how to get this to compile, I would appreciate anything at this point.
Thanks, Emily
Okay thank you. I tried all that, still no luck. Here is my environment: Widows 10 Enterprise Operating System build 19042.264 Node.js version 18.6.0 Yarn version 1.22.19 Keen v 1.4.9
Error:
yp info spawn args '-Goutput_dir=.'
gyp info spawn args ]
C:\Projects\SD14-CD404\CDOT Website\External Tools\Keen Boostrap Theme\keen_v1.4.9\theme\demo6\tools\node_modules\node-gyp\gyp\pylib\gyp\input.py:896: Warning: 'as' will become a reserved keyword in Python 2.6
Traceback (most recent call last):
File "C:\Projects\SD14-CD404\CDOT Website\External Tools\Keen Boostrap Theme\keen_v1.4.9\theme\demo6\tools\node_modules\node-gyp\gyp\gyp_main.py", line 13, in gyp failed with exit code: 1
gyp ERR! stack at ChildProcess.onCpExit (C:\Projects\SD14-CD404\CDOT Website\External Tools\Keen Boostrap Theme\keen_v1.4.9\theme\demo6\tools\node_modules\node-gyp\lib\configure.js:345:16)
gyp ERR! stack at ChildProcess.emit (node:events:513:28)
gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:291:12)
gyp ERR! System Windows_NT 10.0.19042
gyp ERR! command "C:\Program Files (x86)\nodejs\node.exe" "C:\Projects\SD14-CD404\CDOT Website\External Tools\Keen Boostrap Theme\keen_v1.4.9\theme\demo6\tools\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Projects\SD14-CD404\CDOT Website\External Tools\Keen Boostrap Theme\keen_v1.4.9\theme\demo6\tools\node_modules\node-sass
gyp ERR! node -v v18.16.0
Hi Emily,
I'm sorry to hear that you're encountering issues while trying to compile the Keen theme demo.
To resolve this issue, you can try the following steps:
-
Make sure you have the recommended version of Node.js (v18.x) installed. You can check the version by running
node -vin the command prompt. -
Update npm to the latest version by running
npm install -g npm. -
Delete the
.node-gypdirectory located in your user directory:C:\Users\emligotti\.node-gyp. -
Try running the compilation command again using
yarn.
If the issue persists, it may be helpful to provide more information about your environment, such as the operating system and specific versions of Node.js and yarn you are using.
If you require further assistance, feel free to ask.
Thanks
