39 comments found.
I have a problem with the installation
PS D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular> npm install—force npm WARN using—force Recommended protections disabled. npm WARN deprecated @babel/plugin-proposal-unicode-property-regex@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead. npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated @babel/plugin-proposal-async-generator-functions@7.20.7: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated dart-sass@1.25.0: This package has been renamed to ‘sass’. npm WARN deprecated protractor@7.0.0: We have news to share – Protractor is deprecated and will reach end-of-life by Summer 2023. To learn more and find out about other options please refer to this post on the Angular blog. Thank you for using and contributing to Protractor. https://goo.gle/state-of-e2e-in-angular npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm WARN cleanup Failed to remove some directories [ npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@angular’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\@angular\compiler-cli\src\ngtsc\typecheck’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@angular\\compiler-cli\\src\\ngtsc\\typecheck’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@angular\\cdk’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\@angular\cdk\schematics\ng-generate’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@angular\\cdk\\schematics\\ng-generate’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\@angular\material\schematics’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@angular\\material\\schematics’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@schematics’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\@schematics’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\@schematics’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\jasmine’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\jasmine\node_modules\jasmine-core’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\jasmine\\node_modules\\jasmine-core’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\webdriver-js-extender’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\webdriver-js-extender\built\built\built\built\built\built\built\built\built\built\built\spec’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\webdriver-js-extender\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\spec’ npm WARN cleanup } npm WARN cleanup ] npm WARN cleanup ] npm ERR! code 1 npm ERR! path D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\fibers npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node build.js || nodejs build.js npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.4.0 npm ERR! gyp info using node@18.18.1 | win32 | x64 npm ERR! gyp info find Python using Python version 3.12.0 found at “C:\Users\robso\AppData\Local\Programs\Python\Python312\python.exe” npm ERR! gyp info find VS using VS2022 (17.7.34202.233) found at: npm ERR! gyp info find VS “C:\Program Files\Microsoft Visual Studio\2022\Community” npm ERR! gyp info find VS run with—verbose for detailed information npm ERR! gyp info spawn C:\Users\robso\AppData\Local\Programs\Python\Python312\python.exe npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\node-gyp\\gyp\\gyp_main.py’, npm ERR! gyp info spawn args ‘binding.gyp’, npm ERR! gyp info spawn args ‘-f’, npm ERR! gyp info spawn args ‘msvs’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\fibers\\build\\config.gypi’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\node-gyp\\addon.gypi’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ‘C:\\Users\\robso\\AppData\\Local\\node-gyp\\Cache\\18.18.1\\include\\node\\common.gypi’, npm ERR! gyp info spawn args ‘-Dlibrary=shared_library’, npm ERR! gyp info spawn args ‘-Dvisibility=default’, npm ERR! gyp info spawn args ‘-Dnode_root_dir=C:\\Users\\robso\\AppData\\Local\\node-gyp\\Cache\\18.18.1’, npm ERR! gyp info spawn args ‘-Dnode_gyp_dir=D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\node-gyp’, npm ERR! gyp info spawn args ‘-Dnode_lib_file=C:\\\\Users\\\\robso\\\\AppData\\\\Local\\\\node-gyp\\\\Cache\\\\18.18.1\\\\<(target_arch)\\\\node.lib’, npm ERR! gyp info spawn args ‘-Dmodule_root_dir=D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\fibers’, npm ERR! gyp info spawn args ‘-Dnode_engine=v8’, npm ERR! gyp info spawn args ‘—depth=.’, npm ERR! gyp info spawn args ‘—no-parallel’, npm ERR! gyp info spawn args ‘—generator-output’, npm ERR! gyp info spawn args ‘D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\fibers\\build’, npm ERR! gyp info spawn args ‘-Goutput_dir=.’ npm ERR! gyp info spawn args ] npm ERR! Traceback (most recent call last): npm ERR! File “D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\node-gyp\gyp\gyp_main.py”, line 42, in <module> npm ERR! import gyp # noqa: E402 npm ERR! ^^^^^^ npm ERR! File “D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\node-gyp\gyp\pylib\gyp\init.py”, line 9, in <module> npm ERR! import gyp.input npm ERR! File “D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\node-gyp\gyp\pylib\gyp\input.py”, line 19, in <module> npm ERR! from distutils.version import StrictVersion npm ERR! ModuleNotFoundError: No module named ‘distutils’ npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1 npm ERR! gyp ERR! stack at ChildProcess.onCpExit (D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\node-gyp\lib\configure.js:325:16) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:517:28) npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:292:12) npm ERR! gyp ERR! System Windows_NT 10.0.22621 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “D:\\Robson Salles\\RSalles Tecnologias\\Events Manager\\template_angular\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “—release” npm ERR! gyp ERR! cwd D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\fibers npm ERR! gyp ERR! node -v v18.18.1 npm ERR! gyp ERR! node-gyp -v v9.4.0 npm ERR! gyp ERR! not ok npm ERR! node-gyp exited with code: 1 npm ERR! Please make sure you are using a supported platform and node version. If you npm ERR! would like to compile fibers on this machine please make sure you have setup your npm ERR! build environment— npm ERR! Windows + OS X instructions here: https://github.com/nodejs/node-gyp npm ERR! Ubuntu users please run: `sudo apt-get install g++ build-essential` npm ERR! RHEL users please run: `yum install gcc-c++` and `yum groupinstall ‘Development Tools’` npm ERR! Alpine users please run: `sudo apk add python make g++` npm ERR! ‘nodejs’ n�o � reconhecido como um comando interno npm ERR! ou externo, um programa oper�vel ou um arquivo em lotes.
Hi,
Make sure python has been installed in your localhost with npm python path configuration as well. Try to run the following command sudo apk add python make g++
Best Regards, Sean.
On my computer and Windows 11, I have Python 3.12.0, would I have to add a Windows environment variable??? or and another component
Hi,
Try to run python -v to see whether your cmd has the python variables or not. If yes, install the node-gyp in your localhost as well.
npm install node-gyp —force
Best Regards, Sean.
new error … npm ERR! code 1 npm ERR! path D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular\node_modules\fibers npm ERR! command failed
Hi,
Try to delete the node_modules folder and re-run the npm —force command.
Best Regards, Sean.
I had already done it like this
Hi,
Did you install the windows-build-tools in your localhost?
npm install—global windows-build-tools
Best Regards, Sean.
I created a new project and ran the command npm install node-gyp —force, and everything worked fine. but in your project it gives the error .
PS D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular> npm install—global windows-build-tools npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated windows-build-tools@5.2.2: Node.js now includes build tools for Windows. You probably no longer need this tool. See https://github.com/felixrieseberg/windows-build-tools for details. npm WARN cleanup Failed to remove some directories [ npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\uri-js\dist\esnext’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\uri-js\\dist\\esnext’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\nugget’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\nugget\node_modules\debug\src’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\nugget\\node_modules\\debug\\src’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\nugget\node_modules\debug\src’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\nugget\\node_modules\\debug\\src’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\nugget’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\nugget’ npm WARN cleanup } npm WARN cleanup ] npm WARN cleanup ] npm ERR! code 1 npm ERR! path C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node ./dist/index.js Downloading python-2.7.15.amd64.msi npm ERR! [============================================>] 100.0% (0 B/s) npm ERR! Downloaded python-2.7.15.amd64.msi. Saved to C:\Users\robso\.windows-build-tools\python-2.7.15.amd64.msi. Downloading vs_BuildTools.exe npm ERR! [============================================>] 100.0% (0 B/s) npm ERR! Downloaded vs_BuildTools.exe. Saved to C:\Users\robso\.windows-build-tools\vs_BuildTools.exe. npm ERR! npm ERR! Starting installation… npm ERR! Downloading installers failed. Error: TypeError: ‘process.env’ only accepts a configurable, writable, and enumerable data descriptor npm ERR! at Function.defineProperty (<anonymous>) npm ERR! at Object.removePath (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\utils\remove-path.js:11:12) npm ERR! at Object.install (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\install\index.js:29:19) npm ERR! at C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\start.js:17:19 npm ERR! at Object.download (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\download.js:35:5) npm ERR! at process.processTicksAndRejections (node:internal/process/task_queues:95:5) npm ERR! at async Object.aquireInstallers (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\aquire-installers.js:32:13) { npm ERR! code: ‘ERR_INVALID_OBJECT_DEFINE_PROPERTY’ npm ERR! } npm ERR! windows-build-tools will now exit.
Hi,
1. Run your cmd as administrator 2. npm cache clean—force 3. npm install -g npm 4. npm install—global windows-build-tools 5. npm install—force 6. ng serve
Best Regards, Sean.
Error …
D:\Robson Salles\RSalles Tecnologias\Events Manager\template_angular>npm install—global windows-build-tools npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated windows-build-tools@5.2.2: Node.js now includes build tools for Windows. You probably no longer need this tool. See https://github.com/felixrieseberg/windows-build-tools for details. npm WARN cleanup Failed to remove some directories [ npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\node_modules\uri-js\dist\esnext’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\robso\\AppData\\Roaming\\npm\\node_modules\\windows-build-tools\\node_modules\\uri-js\\dist\\esnext’ npm WARN cleanup } npm WARN cleanup ] npm WARN cleanup ] npm ERR! code 1 npm ERR! path C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node ./dist/index.js Downloading python-2.7.15.amd64.msi npm ERR! [============================================>] 100.0% (0 B/s) npm ERR! Downloaded python-2.7.15.amd64.msi. Saved to C:\Users\robso\.windows-build-tools\python-2.7.15.amd64.msi. Downloading vs_BuildTools.exe npm ERR! [============================================>] 100.0% (0 B/s) npm ERR! Downloaded vs_BuildTools.exe. Saved to C:\Users\robso\.windows-build-tools\vs_BuildTools.exe. npm ERR! npm ERR! Starting installation… npm ERR! Downloading installers failed. Error: TypeError: ‘process.env’ only accepts a configurable, writable, and enumerable data descriptor npm ERR! at Function.defineProperty (<anonymous>) npm ERR! at Object.removePath (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\utils\remove-path.js:11:12) npm ERR! at Object.install (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\install\index.js:29:19) npm ERR! at C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\start.js:17:19 npm ERR! at Object.download (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\download.js:35:5) npm ERR! at process.processTicksAndRejections (node:internal/process/task_queues:95:5) npm ERR! at async Object.aquireInstallers (C:\Users\robso\AppData\Roaming\npm\node_modules\windows-build-tools\dist\aquire-installers.js:32:13) { npm ERR! code: ‘ERR_INVALID_OBJECT_DEFINE_PROPERTY’ npm ERR! } npm ERR! windows-build-tools will now exit.
npm ERR! A complete log of this run can be found in: C:\Users\robso\AppData\Local\npm-cache\_logs\2023-10-18T15_54_40_571Z-debug-0.log
I removed my Python and installed this 2.7.15. but still with the error
Hi,
The error says that you are unable to install the windows build tools in your localhost. Did you open your cmd as administrator?
Best Regards, Sean.
yes, I went to cmd as administrator and executed the command list in the order you gave
Hi,
Can you screenshot your cmd after running the npm install—force command and upload to https://imgbb.com/
This is because the app is working fine on our side with node js v18.18 and npm 9.8 https://ibb.co/0yJNLdNBest Regards, Sean.
Hi, i am with a problem. Buyed to study angular and implement the features of the template with java and spring. However, the template does not start. Gives me the error:
[Error: ENOENT: no such file or directory, open ‘C:\Users\C3PO\git\repository\hud_angular_v2.2\template_angular\node_modules\@fullcalendar\common\main.js’] { errno: -4058, code: ‘ENOENT’, syscall: ‘open’, path: ‘C:\\Users\\C3PO\\git\\repository\\hud_angular_v2.2\\template_angular\\node_modules\\@fullcalendar\\common\\main.js’ }
Can you help me with this, thank you for yout help
Hi,
May i know which version of nodejs and npm you are using right now?
Best Regards, Aean.
The design is appealing, but incorporating additional features like an authguard, and JWT (just on the front end) could enhance its appeal and potentially increase sales. Many other users provide mock APIs with a complete process; offering something similar could set you apart in the market.
Thank you for your comment and feedback. Unfortunately, what i want to offer is the UXUI and some basic components like sidebar, header and etc in Angular.
Best Regards, Sean.
Hi. I am receiving this error when trying to install the file
PS C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup> npm install @angular-devkit/build-angular —force npm WARN using—force Recommended protections disabled. npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated dart-sass@1.25.0: This package has been renamed to ‘sass’. npm WARN deprecated protractor@7.0.0: We have news to share – Protractor is deprecated and will reach end-of-life by Summer 2023. To learn more and find out about other options please refer to this post on the Angular blog. Thank you for using and contributing to Protractor. https://goo.gle/state-of-e2e-in-angular npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm WARN cleanup Failed to remove some directories [ npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\protractor\node_modules\webdriver-js-extender\built\built\built\built\built\spec’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor\\node_modules\\webdriver-js-extender\\built\\built\\built\\built\\built\\spec’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\codelyzer’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\codelyzer\node_modules\@angular\compiler\esm5\src’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\codelyzer\\node_modules\\@angular\\compiler\\esm5\\src’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor\\node_modules’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\protractor\node_modules\webdriver-js-extender\built\built\built\built\built\built\built\built\built\spec’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor\\node_modules\\webdriver-js-extender\\built\\built\\built\\built\\built\\built\\built\\built\\built\\spec’ npm WARN cleanup } npm WARN cleanup ], npm WARN cleanup [ npm WARN cleanup ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor’, npm WARN cleanup [Error: EPERM: operation not permitted, rmdir ‘C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\protractor\node_modules\webdriver-js-extender\built\built\built\built\built\built\built\built\built\built\built\built\built\built\built’] { npm WARN cleanup errno: -4048, npm WARN cleanup code: ‘EPERM’, npm WARN cleanup syscall: ‘rmdir’, npm WARN cleanup path: ‘C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\protractor\\node_modules\\webdriver-js-extender\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built\\built’ npm WARN cleanup } npm WARN cleanup ] npm WARN cleanup ] npm ERR! code 1 npm ERR! path C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\fibers npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node build.js || nodejs build.js npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.4.0 npm ERR! gyp info using node@18.15.0 | win32 | x64 npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON npm ERR! gyp ERR! find Python checking if “python3” can be used npm ERR! gyp ERR! find Python – “python3” is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if “python” can be used npm ERR! gyp ERR! find Python – “python” is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python39\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python39\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python39\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python39\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python39-32\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python39-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python39-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python39-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python39-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files (x86)\Python39-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python38\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python38\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python38\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python38\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python38-32\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python38-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python38-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python38-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python38-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files (x86)\Python38-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python37\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python37\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python37\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python37\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python37-32\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python37-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python37-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python37-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python37-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files (x86)\Python37-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python36\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python36\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python36\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python36\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\Nandhini\AppData\Local\Programs\Python\Python36-32\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Nandhini\AppData\Local\Programs\Python\Python36-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python36-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files\Python36-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python36-32\python.exe npm ERR! gyp ERR! find Python – “C:\Program Files (x86)\Python36-32\python.exe” could not be run npm ERR! gyp ERR! find Python checking if the py launcher can be used to find Python 3 npm ERR! gyp ERR! find Python – “py.exe” is not in PATH or produced an error npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python ** npm ERR! gyp ERR! find Python You need to install the latest version of Python. npm ERR! gyp ERR! find Python Node-gyp should be able to find and use Python. If not, npm ERR! gyp ERR! find Python you can try one of the following options: npm ERR! gyp ERR! find Python – Use the switch—python=”C:\Path\To\python.exe” npm ERR! gyp ERR! find Python (accepted by both node-gyp and npm) npm ERR! gyp ERR! find Python – Set the environment variable PYTHON npm ERR! gyp ERR! find Python – Set the npm configuration variable python: npm ERR! gyp ERR! find Python npm config set python “C:\Path\To\python.exe” npm ERR! gyp ERR! find Python For more information consult the documentation at: npm ERR! gyp ERR! find Python https://github.com/nodejs/node-gyp#installation npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Could not find any Python installation to use npm ERR! gyp ERR! stack at PythonFinder.fail (C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\node-gyp\lib\find-python.js:330:47) npm ERR! gyp ERR! stack at PythonFinder.runChecks (C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\node-gyp\lib\find-python.js:159:21) npm ERR! gyp ERR! stack at PythonFinder.<anonymous> (C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\node-gyp\lib\find-python.js:228:18) npm ERR! gyp ERR! stack at PythonFinder.execFileCallback (C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\node-gyp\lib\find-python.js:294:16) npm ERR! gyp ERR! stack at exithandler (node:child_process:427:5) npm ERR! gyp ERR! stack at ChildProcess.errorhandler (node:child_process:439:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:289:12) npm ERR! gyp ERR! stack at onErrorNT (node:internal/child_process:476:16) npm ERR! gyp ERR! stack at process.processTicksAndRejections (node:internal/process/task_queues:82:21) npm ERR! gyp ERR! System Windows_NT 10.0.22000 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “C:\\Users\\Nandhini\\sources\\Aatralprojects\\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\\hud_angular_v2.2\\template_angular_startup\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “—release” npm ERR! gyp ERR! cwd C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup\node_modules\fibers npm ERR! gyp ERR! node -v v18.15.0 npm ERR! gyp ERR! node-gyp -v v9.4.0 npm ERR! gyp ERR! not ok npm ERR! node-gyp exited with code: 1 npm ERR! Please make sure you are using a supported platform and node version. If you npm ERR! would like to compile fibers on this machine please make sure you have setup your npm ERR! build environment— npm ERR! Windows + OS X instructions here: https://github.com/nodejs/node-gyp npm ERR! Ubuntu users please run: `sudo apt-get install g++ build-essential` npm ERR! RHEL users please run: `yum install gcc-c++` and `yum groupinstall ‘Development Tools’` npm ERR! Alpine users please run: `sudo apk add python make g++` npm ERR! ‘nodejs’ is not recognized as an internal or external command, npm ERR! operable program or batch file.
npm ERR! A complete log of this run can be found in: C:\Users\Nandhini\AppData\Local\npm-cache\_logs\2023-07-03T10_04_53_012Z-debug-0.log PS C:\Users\Nandhini\sources\Aatralprojects\themeforest-dBmPdVPW-hud-angular-15-bootstrap-admin-template\hud_angular_v2.2\template_angular_startup>
Please assist.
Hi,
The error occur because of python is not been installed in your localhost. You might need to install python (https://www.python.org/) first before running the angular 16 project.
You may check whether python has been installed or not by using the following command
python—version
Best Regards, Sean.
Hi. That issue is resolved. Now facing the below issue
./node_modules/@angular/common/fesm2022/common.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\common\fesm2022\common.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@angular/common/fesm2022/http.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\common\fesm2022\http.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@angular/forms/fesm2022/forms.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\forms\fesm2022\forms.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@angular/platform-browser/fesm2022/animations.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\platform-browser\fesm2022\animations.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\platform-browser\fesm2022\platform-browser.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@angular/router/fesm2022/router.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@angular\router\fesm2022\router.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@fullcalendar/angular/fesm2020/fullcalendar-angular.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@fullcalendar\angular\fesm2020\fullcalendar-angular.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@ng-bootstrap/ng-bootstrap/fesm2022/ng-bootstrap.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@ng-bootstrap\ng-bootstrap\fesm2022\ng-bootstrap.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/@ng-select/ng-select/fesm2022/ng-select-ng-select.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\@ng-select\ng-select\fesm2022\ng-select-ng-select.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/ng-apexcharts/fesm2020/ng-apexcharts.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\ng-apexcharts\fesm2020\ng-apexcharts.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/ngx-chips/fesm2020/ngx-chips.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\ngx-chips\fesm2020\ngx-chips.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/ngx-color/fesm2022/ngx-color-sketch.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\ngx-color\fesm2022\ngx-color-sketch.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/ngx-countdown/fesm2022/ngx-countdown.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\ngx-countdown\fesm2022\ngx-countdown.mjs: Cannot read properties of undefined (reading ‘file’)
./node_modules/ngx-highlightjs/fesm2022/ngx-highlightjs.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js):
./node_modules/ng2-charts/fesm2020/ng2-charts.mjs – Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: C:\Users\Nandhini\sources\Aatralprojects\ch2\node_modules\ng2-charts\fesm2020\ng2-charts.mjs: Cannot read properties of undefined (reading ‘file’)
- Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
× Failed to compile.
Hi,
Kindly remove the node_modules folder and re-run the npm install will do.
Best Regards, Sean.
Hi,
we have tried this step and it is still showing the same error.
Hi,
May i know which version of node js and npm that you are using right now? You may run the following command to check
node -v npm -v
p.s kindly make sure that at least v18 for node js and v9 for npm has been installed in your localhost
Best Regards, Sean.
Hi,
Yes we are using the versions you have mentioned.
node js version is v18.15.0
npm version is 9.7.2
Hi,
Try to run the ng clean command and followed by ng serve command.
Best Regards, Sean.
It is working fine now. Thanks for your support
Glad to hear that your issue was resolved.
Best Regards, Sean.
Hello i need your help with my domain aesoh.com on my cpanel please reply me and give me your email address so i can send you my cpanel information.
Hi,
Unfortunately, any customisation / installation is not included in themeforest support scope.
Best Regards, Sean.
so Sean i will have to build it myself from the starch with the code provided. Can you enlighten me.
Is there anyway you will be able to help me out.
Hi,
In order to use the template, you should have the basic programming knowledge. I suggest you to hire a programmer/ freelancer to help you to integrate this template into your site.
Best Regards, Sean.
hello
I have a problem with switch buttons
if you use the sliders inside of a class=” was-validated” then when you turn of a slider the button disappear
<input type=”checkbox” class=”form-check-input” id=”enableFallDetect” [(ngModel)]=”enableFallDetect”> <label class=”form-check-label” for=”enableFallDetect”>{{ ‘Device.Property.EnableFallDetect’ | translate}}</label>Hi,
For your information, the current bootstrap did not support the form-switch element.
https://getbootstrap.com/docs/5.3/forms/validation/#supported-elementsBest Regards, Sean.
Great work, can you add drawer like ( Side bar ) ?
Hi,
You may try to use the default bootstrap offcanvas
https://getbootstrap.com/docs/5.3/components/offcanvas/Best Regards, Sean.
Hello, when do you plan to migrate to angular 16 ? Thank you
Hi,
Yeah, we will update the dependency within this 1-2 weeks and you will receive a notification to download the latest version of HUD.
Best Regards, Sean.
great thank you
Hello, how can I change the breakpoint at which the sidebar collapses to lg instead of md?
Very nice job by the way!
Hi,
You may change the following file
FILE: /src/scss/app/_app-sidebar.scss
LINE: 18
CODE: @include media-breakpoint-down(lg) {
and
FILE: /src/scss/layout/_app-sidebar-mobile-toggled.scss
LINE: 17
CODE: @include media-breakpoint-down(lg) {
Best Regards, Sean.
Good Morning, I have tried few times, but I could not install the packages. I am using the latest version on Angular and Node.
Hi,
Can you share the screenshot / error message throw from your terminal / command prompt?
Best Regards, Sean.
Find below the terminal log npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated dart-sass@1.25.0: This package has been renamed to ‘sass’. npm WARN deprecated protractor@7.0.0: We have news to share – Protractor is deprecated and will reach end-of-life by Summer 2023. To learn more and find out about other options please refer to this post on the Angular blog. Thank you for using and contributing to Protractor. https://goo.gle/state-of-e2e-in-angular npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm ERR! code 1 npm ERR! path E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\fibers npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node build.js || nodejs build.js npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.3.1 npm ERR! gyp info using node@18.15.0 | win32 | x64 npm ERR! gyp info find Python using Python version 3.11.3 found at “C:\Python311\python.exe” npm ERR! gyp ERR! find VS npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt npm ERR! gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer, try re-running with ‘—loglevel silly’ for more details npm ERR! gyp ERR! find VS looking for Visual Studio 2015 npm ERR! gyp ERR! find VS – not found npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8 npm ERR! gyp ERR! find VS npm ERR! gyp ERR! find VS ** npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio npm ERR! gyp ERR! find VS including the “Desktop development with C++” workload. npm ERR! gyp ERR! find VS For more information consult the documentation at: npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows npm ERR! gyp ERR! find VS ** npm ERR! gyp ERR! find VS npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use npm ERR! gyp ERR! stack at VisualStudioFinder.fail (E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:122:47) npm ERR! gyp ERR! stack at E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:75:16 npm ERR! gyp ERR! stack at VisualStudioFinder.findVisualStudio2013 (E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:369:14) npm ERR! gyp ERR! stack at E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:71:14 npm ERR! gyp ERR! stack at E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:390:16 npm ERR! gyp ERR! stack at E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\util.js:54:7 npm ERR! gyp ERR! stack at E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\util.js:33:16 npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:427:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1091:16) npm ERR! gyp ERR! System Windows_NT 10.0.22000 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “E:\\DigitalDesigns\\Royal Frontier Sole Proprietorship\\Hud System\\View\\hud_angular_v1.0\\template_angular\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “—release” npm ERR! gyp ERR! cwd E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular\node_modules\fibers npm ERR! gyp ERR! node -v v18.15.0 npm ERR! gyp ERR! node-gyp -v v9.3.1 npm ERR! gyp ERR! not ok npm ERR! node-gyp exited with code: 1 npm ERR! Please make sure you are using a supported platform and node version. If you npm ERR! would like to compile fibers on this machine please make sure you have setup your npm ERR! build environment— npm ERR! Windows + OS X instructions here: https://github.com/nodejs/node-gyp npm ERR! Ubuntu users please run: `sudo apt-get install g++ build-essential` npm ERR! RHEL users please run: `yum install gcc-c++` and `yum groupinstall ‘Development Tools’` npm ERR! Alpine users please run: `sudo apk add python make g++` npm ERR! ‘nodejs’ is not recognized as an internal or external command, npm ERR! operable program or batch file.
npm ERR! A complete log of this run can be found in: C:\Users\Shaheen Mohamed\AppData\Local\npm-cache\_logs\2023-06-01T15_42_17_133Z-debug-0.log PS E:\DigitalDesigns\Royal Frontier Sole Proprietorship\Hud System\View\hud_angular_v1.0\template_angular>
Hi,
Make sure you have all the necessary build tools installed on your system. For Windows, you need to have Visual Studio with the “Desktop development with C++” workload installed. You can download Visual Studio Community edition from the official website.
Besides that, can you run the following command npm -v node -v and make sure the npm >= v9+ and node js >= v18+
Best Regards, Sean.
Hi, I am using visual code for all my angular apps. Cant i use VS Code for the hud as well?
Hi,
What is the angular version for your angular apps? This is because different angular version required different version of nodejs and npm as well.
Best Regards, Sean.
Hi, I have errors when installing with Node 16 on windows 10, below I attach the results of the npm install:
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated dart-sass@1.25.0: This package has been renamed to ‘sass’. npm WARN deprecated protractor@7.0.0: We have news to share – Protractor is deprecated and will reach end-of-life by Summer 2023. To learn more and find out about other options please refer to this post on the Angular blog. Thank you for using and contributing to Protractor. https://goo.gle/state-of-e2e-in-angular npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm ERR! code 1 npm ERR! path F:\Templates\hud_angular_v1.0\template_angular\node_modules\fibers npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node build.js || nodejs build.js npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.3.1 npm ERR! gyp info using node@16.20.0 | win32 | x64 npm ERR! gyp info find Python using Python version 3.11.3 found at “C:\Python\Python311\python.exe” npm ERR! gyp ERR! find VS npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt npm ERR! gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer, try re-running with ‘—loglevel silly’ for more details npm ERR! gyp ERR! find VS looking for Visual Studio 2015 npm ERR! gyp ERR! find VS – not found npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8 npm ERR! gyp ERR! find VS npm ERR! gyp ERR! find VS ** npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio npm ERR! gyp ERR! find VS including the “Desktop development with C++” workload. npm ERR! gyp ERR! find VS For more information consult the documentation at: npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows npm ERR! gyp ERR! find VS ** npm ERR! gyp ERR! find VS npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use npm ERR! gyp ERR! stack at VisualStudioFinder.fail (F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:122:47) npm ERR! gyp ERR! stack at F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:75:16 npm ERR! gyp ERR! stack at VisualStudioFinder.findVisualStudio2013 (F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:369:14) npm ERR! gyp ERR! stack at F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:71:14 npm ERR! gyp ERR! stack at F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\find-visualstudio.js:390:16 npm ERR! gyp ERR! stack at F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\util.js:54:7 npm ERR! gyp ERR! stack at F:\Templates\hud_angular_v1.0\template_angular\node_modules\node-gyp\lib\util.js:33:16 npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:410:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1100:16) npm ERR! gyp ERR! System Windows_NT 10.0.19044 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “F:\\Templates\\hud_angular_v1.0\\template_angular\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “—release” npm ERR! gyp ERR! cwd F:\Templates\hud_angular_v1.0\template_angular\node_modules\fibers npm ERR! gyp ERR! node -v v16.20.0 npm ERR! gyp ERR! node-gyp -v v9.3.1 npm ERR! gyp ERR! not ok npm ERR! node-gyp exited with code: 1 npm ERR! Please make sure you are using a supported platform and node version. If you npm ERR! would like to compile fibers on this machine please make sure you have setup your npm ERR! build environment— npm ERR! Windows + OS X instructions here: https://github.com/nodejs/node-gyp npm ERR! Ubuntu users please run: `sudo apt-get install g++ build-essential` npm ERR! RHEL users please run: `yum install gcc-c++` and `yum groupinstall ‘Development Tools’` npm ERR! Alpine users please run: `sudo apk add python make g++` npm ERR! “nodejs” no se reconoce como un comando interno o externo, npm ERR! programa o archivo por lotes ejecutable.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\etito\AppData\Local\npm-cache\_logs\2023-05-24T22_46_49_731Z-debug-0.log
Hi,
Regarding your issue, make sure python has been installed in your localhost and upgrade your nodejs to the latest stable version v18+.
Best Regards, Sean.
Can you add horizontal menu option .?
Hi,
Horizontal menu only will add in next version release.
Best Regards, Sean.
user can switch between V & H ?
Hi,
Nope. The top menu will be different than the sidebar which may / will use together with sidebar as well.
Best Regards, Sean.
Hi,
When i try to install all packages with npm install i keep getting this errors:
gyp info using node-gyp@9.3.1 npm ERR! gyp info using node@18.16.0 | win32 | x64 npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON npm ERR! gyp ERR! find Python checking if “python3” can be used npm ERR! gyp ERR! find Python – “python3” is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if “python” can be used npm ERR! gyp ERR! find Python – “python” is not in PATH or produced an error npm ERR! gyp ERR! node -v v18.16.0 npm ERR! gyp ERR! node-gyp -v v9.3.1 npm ERR! gyp ERR! not ok npm ERR! node-gyp exited with code: 1 npm ERR! Please make sure you are using a supported platform and node version. If you npm ERR! would like to compile fibers on this machine please make sure you have setup your.
Please can someone hep me?
Hi,
You might need to make sure the python is installed in your localhost.
Best Regards, Sean.
OK, I’ve install python and I’ve stop getting the previous errors. Now, when i execute “ng serve—open” i gets the following errors: ./src/main.ts – Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Transform failed with 1 error: ..pages/email/compose/email-compose.css:17:100: ERROR: Unterminated string token
Same error also from ”./src/polyfills.ts”
Hi,
So far the template is working fine on my side. Can you try to remove the node_modules folder and re-run the npm install command thus followed by the ng serve—open command.
Best Regards, Sean.
What version of Angular are you running ?
Angular 15
ok, thanks
Is this Angular template or it is integrated with Google firebase?
Hi,
For your information, this template is not integrate with google firebase yet.
Best Regards, Sean.
Hi. I’m having trouble starting the ‘template_angular’ project. Firslt error is missing ’@popperjs’ dependency. After installing it, i’m now stuck at ‘Quill’ errors. I tried updating ngx-quill and ‘types/quill’ dependencies but to no avail. Can you please assist?
UPDATE: I managed to resolve the issues by downgrading from node 18.x.x to 16.x.x.
Glad to hear that your issue was resolved. Suppose it should be able to work on node 18.x.x. This is because this template is build on top of node 18.x.
If you still have the issue, do share me the error message that show from your terminal / command prompt.
Best Regards, Sean.
Hey Sean, you were right. For some reason, i beleive there was something that i was doing wrong. I reinstalled the LTS version of node 18.x.x and all i needed to do was install the dependencies for popperjs and quill to make it work. No more errors at this point. Thank you.
Hi, I just purchased this template and tried to build it with npm install, ng serve as your instruction. The starter version is working fine, but I’m getting error when I command npm install for “template_angular” which has all pages.
Is that works with the command as well just like the same as starter?
Hi,
Yeah, it should works with the command same as starter. Can you share the error message that you get?
Best Regards, Sean.
I have bottleneck with your template when I install and its work fine, but when I added another file these wont compiler using ng serve or ng build –watch
Hi,
Did you import the file in app.module.ts, app.routing.ts after you add the file / pages?
Besides that, is there have any error message showed in your terminal / command prompt?
Best Regards, Sean.
