akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.24k stars 7.95k forks source link

Installation does not work when following the documentation #5952

Closed r3econ closed 1 year ago

r3econ commented 2 years ago

Issue type

I'm submitting a ... (check one with "x")

Issue description

Installation does not work when steps from the documentation are followed. What could be the reason?

Windows 10, npm 8.1.2, node 16.13.2

Below the log:

 npm i --force
npm WARN using --force Recommended protections disabled.
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ngx-admin@8.0.0
npm WARN Found: typescript@4.6.4
npm WARN node_modules/typescript
npm WARN   dev typescript@"~4.2.3||~4.3.0" from the root project
npm WARN   3 more (@compodoc/ngd-core, tsutils, tslint)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer typescript@">= 2.3.1 < 3" from tslint-language-service@0.9.9
npm WARN node_modules/tslint-language-service
npm WARN   dev tslint-language-service@"^0.9.9" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ng2-ckeditor@1.2.9
npm WARN Found: @angular/common@12.2.16
npm WARN node_modules/@angular/common
npm WARN   @angular/common@"^12.2.16" from the root project
npm WARN   14 more (@akveo/ng2-completer, @angular/cdk, @angular/forms, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/common@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN node_modules/ng2-ckeditor
npm WARN   ng2-ckeditor@"~1.2.9" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/common@10.2.5
npm WARN node_modules/@angular/common
npm WARN   peer @angular/common@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN   node_modules/ng2-ckeditor
npm WARN     ng2-ckeditor@"~1.2.9" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ng2-ckeditor@1.2.9
npm WARN Found: @angular/core@12.2.16
npm WARN node_modules/@angular/core
npm WARN   @angular/core@"^12.2.16" from the root project
npm WARN   16 more (@akveo/ng2-completer, @angular/cdk, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/core@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN node_modules/ng2-ckeditor
npm WARN   ng2-ckeditor@"~1.2.9" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/core@10.2.5
npm WARN node_modules/@angular/core
npm WARN   peer @angular/core@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN   node_modules/ng2-ckeditor
npm WARN     ng2-ckeditor@"~1.2.9" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ng2-ckeditor@1.2.9
npm WARN Found: @angular/forms@12.2.16
npm WARN node_modules/@angular/forms
npm WARN   @angular/forms@"^12.2.16" from the root project
npm WARN   3 more (@akveo/ng2-completer, @nebular/auth, ng2-completer)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/forms@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN node_modules/ng2-ckeditor
npm WARN   ng2-ckeditor@"~1.2.9" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/forms@10.2.5
npm WARN node_modules/@angular/forms
npm WARN   peer @angular/forms@"^10.0.4" from ng2-ckeditor@1.2.9
npm WARN   node_modules/ng2-ckeditor
npm WARN     ng2-ckeditor@"~1.2.9" from the root project
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated opn@6.0.0: The package has been renamed to `open`
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated chokidar@1.7.0: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor.
npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated uuid@2.0.3: 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 node-uuid@1.4.8: Use uuid module 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 @types/googlemaps@3.43.3: Types for the Google Maps browser API have moved to @types/google.maps. Note: these types are not for the googlemaps npm package, which is a Node API.
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
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 deprecated core-js@2.5.1: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated core-js@3.16.0: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated ckeditor@4.7.3: We have renamed the @ckeditor package. New versions are available under the @ckeditor4 name.
npm ERR! code 1
npm ERR! path C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! Building the projects in this solution one at a time. To enable parallel build, please add the "/m" switch.
npm ERR! Build started 31/08/2022 18:11:38.
npm ERR! Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.sln" on node 1 (default targets).
npm ERR! ValidateSolutionConfiguration:
npm ERR!   Building solution configuration "Release|x64".
npm ERR! Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.sln" (1) is building "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.vcxproj.metaproj" (2) on node 1 (default targets).
npm ERR! Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.vcxproj.metaproj" (2) is building "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\src\libsass.vcxproj" (3) on node 1 (default targets).
npm ERR! C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\src\libsass.vcxproj(21,3): error MSB4019: The imported project "C:\Microsoft.Cpp.Default.props" was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk.
npm ERR! Done Building Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\src\libsass.vcxproj" (default targets) -- FAILED.
npm ERR! Done Building Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.vcxproj.metaproj" (default targets) -- FAILED.
npm ERR! Done Building Project "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.sln" (default targets) -- FAILED.
npm ERR!
npm ERR! Build FAILED.
npm ERR!
npm ERR! "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.sln" (default target) (1) ->
npm ERR! "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\binding.vcxproj.metaproj" (default target) (2) ->
npm ERR! "C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\src\libsass.vcxproj" (default target) (3) ->
npm ERR!   C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\src\libsass.vcxproj(21,3): error MSB4019: The imported project "C:\Microsoft.Cpp.Default.props" was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk.
npm ERR!
npm ERR!     0 Warning(s)
npm ERR!     1 Error(s)
npm ERR!
npm ERR! Time Elapsed 00:00:00.19
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.13.2 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "C:Python27python.exe" in the PATH
npm ERR! gyp verb `which` failed Error: not found: C:Python27python.exe
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  C:Python27python.exe Error: not found: C:Python27python.exe
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb could not find "C:Python27python.exe". checking python launcher
npm ERR! gyp verb check python launcher python executable found: "C:\\Python27\\python.exe"
npm ERR! gyp verb check python version `C:\Python27\python.exe -c "import sys; print "2.7.10
npm ERR! gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 16.13.2
npm ERR! gyp verb command install [ '16.13.2' ]
npm ERR! gyp verb install input version string "16.13.2"
npm ERR! gyp verb install installing version: 16.13.2
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 16.13.2
npm ERR! gyp verb build dir attempting to create "build" dir: C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build
npm ERR! gyp verb find vs2017 Found installation at: C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools
npm ERR! gyp verb find vs2017   - Found Microsoft.VisualStudio.Component.Windows10SDK.19041
npm ERR! gyp verb find vs2017   - Found Microsoft.VisualStudio.Component.VC.Tools.x86.x64
npm ERR! gyp verb find vs2017   - Found Microsoft.VisualStudio.VC.MSBuild.Base
npm ERR! gyp verb find vs2017   - Using this installation with Windows 10 SDK
npm ERR! gyp verb find vs2017 using installation: C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\build\config.gypi
npm ERR! (node:9040) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass\common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "msvs"
npm ERR! gyp info spawn C:\Python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\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   '-G',
npm ERR! gyp info spawn args   'msvs_version=2015',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-sass\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\rafal\\.node-gyp\\16.13.2\\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\\rafal\\.node-gyp\\16.13.2',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\Users\\rafal\\.node-gyp\\16.13.2\\<(target_arch)\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-sass',
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   'C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-sass\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp verb command build []
npm ERR! gyp verb build type Release
npm ERR! gyp verb architecture x64
npm ERR! gyp verb node dev dir C:\Users\rafal\.node-gyp\16.13.2
npm ERR! gyp verb found first Solution file build/binding.sln
npm ERR! gyp verb `which` succeeded for `msbuild` C:\Windows\Microsoft.NET\Framework64\v4.0.30319\msbuild.EXE
npm ERR! gyp info spawn msbuild
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'build/binding.sln',
npm ERR! gyp info spawn args   '/nologo',
npm ERR! gyp info spawn args   '/p:Configuration=Release;Platform=x64'
npm ERR! gyp info spawn args ]
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `msbuild` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onExit (C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-gyp\lib\build.js:262:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19044
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\rafal\\Documents\\admin-experiment\\ngx-admin\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\rafal\Documents\admin-experiment\ngx-admin\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.13.2
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1
udhayakumar-yavar commented 2 years ago

Use the node version 14.15.0 to resolve this issue

r3econ commented 2 years ago

Thanks for the hint. In the meantime I switched to another angular admin template, so can't really say if the fix works.

udhayakumar-yavar commented 2 years ago

so can't really say if the fix works.

@r3econ, You have to switch the node version too when switching to different project. You can use NVM or NVS to do that

andreidiaconescu commented 1 year ago

Hello, I cannot use node 14, i have to use node 18, because i use other modules too that depend on node 18

udhayakumarcp commented 1 year ago

@

Hello, I cannot use node 14, I have to use node 18, because i use other modules too that depend on node 18

Hi @andreidiaconescu, Try it by installing the npm version 6 or lesser than 6 with node 18. use the command npm i -g npm@6

Prefix1802 commented 1 year ago

Hello, I cannot use node 14, i have to use node 18, because i use other modules too that depend on node 18

Use nvm to switch node versions.