Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (9)


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:

1. Make sure you have the recommended version of Node.js (v18.x) installed. You can check the version by running `node -v` in the command prompt.

2. Update npm to the latest version by running `npm install -g npm`.

3. Delete the `.node-gyp` directory located in your user directory: `C:\Users\emligotti\.node-gyp`.

4. 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



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 <module>
import gyp
File "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\__init__.py", line 8, in <module>
import gyp.input
File "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", line 896
except ImportError as e:
^
SyntaxError: invalid syntax
gyp ERR! configure error
gyp ERR! stack Error: `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 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:

https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/

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



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'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!!



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!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(