CAN NOT INSTALL MDB ANGULAR PRO

Dear rich,

could you please

1. Provide us with a version of your Angular, CLI, npm and typescript?
2. Run ng serve on the new empty project?

This looks like an issue with your Angular installation. Plese, verify that it was installed correctly. Could you also check second option (npm).

PS

I've just managed to run fresh MDB project on my MacOS Sierra 10.12.6 (16G1036)

Angular CLI: 1.6.3

Node: 6.11.3

OS: darwin x64

Hi Dawid

1. Correct, when I used the -o option it worked. Please check your documentation, as it is posted incorrectly, as states "-0" (it uses the zero character, and when I copied and pasted that's when it blows up).
2. I sent you a reply email this morning with a link to where you can download my project - as I couldn't email it as an attachment due to security issues.
3. I will look into the issue of "not depending on angular core...", thank you for the link.

I've been trying to reinstall again this morning, using the NPM installation instructions located on this page: https://mdbootstrap.com/angular/5min-quickstart/

When I get to step 7 to do the npm install command, and when I ran that with my string of credentials:
sudo npm install git+https://oauth2<TOKEN>@git.mdbootstrap.com/mdb/angular/ng-pro.git --save
I received the following errors:

Richs-Mac-Pro:angularrichleach rich$ sudo npm install git+https://oauth2:<TOKEN>@git.mdbootstrap.com/mdb/angular/ng-pro.git --save

npm ERR! code 1

npm ERR! Command failed: /usr/local/bin/git clone -q https://oauth2:<TOKEN>@git.mdbootstrap.com/mdb/angular/ng-pro.git /Users/rich/.npm/_cacache/tmp/git-clone-21e66897

npm ERR! /Users/rich/.npm/_cacache/tmp/git-clone-21e66897/.git: Permission denied

npm ERR!

npm ERR! A complete log of this run can be found in:

npm ERR!     /Users/rich/.npm/_logs/2018-01-08T18_52_23_814Z-debug.log

Richs-Mac-Pro:angularrichleach rich$ 

Could you please double check my account to ensure it hasn't been deactivated? I'm not sure what to try next.... Please advise.

Thank you again for your help.

Rich

Richs-Mac-Pro:angularrichleach rich$ sudo npm i

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 graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

> fsevents@1.1.3 install /Users/rich/Desktop/angularrichleach/node_modules/fsevents

> node install

[fsevents] Success: "/Users/rich/Desktop/angularrichleach/node_modules/fsevents/lib/binding/Release/node-v48-darwin-x64/fse.node" already installed

Pass --update-binary to reinstall or --build-from-source to recompile

> node-sass@4.7.2 install /Users/rich/Desktop/angularrichleach/node_modules/node-sass

> node scripts/install.js

Unable to save binary /Users/rich/Desktop/angularrichleach/node_modules/node-sass/vendor/darwin-x64-48 : { Error: EACCES: permission denied, mkdir '/Users/rich/Desktop/angularrichleach/node_modules/node-sass/vendor'

    at Error (native)

    at Object.fs.mkdirSync (fs.js:924:18)

    at sync (/Users/rich/Desktop/angularrichleach/node_modules/mkdirp/index.js:71:13)

    at Function.sync (/Users/rich/Desktop/angularrichleach/node_modules/mkdirp/index.js:77:24)

    at checkAndDownloadBinary (/Users/rich/Desktop/angularrichleach/node_modules/node-sass/scripts/install.js:111:11)

    at Object.<anonymous> (/Users/rich/Desktop/angularrichleach/node_modules/node-sass/scripts/install.js:154:1)

    at Module._compile (module.js:570:32)

    at Object.Module._extensions..js (module.js:579:10)

    at Module.load (module.js:487:32)

    at tryModuleLoad (module.js:446:12)

  errno: -13,

  code: 'EACCES',

  syscall: 'mkdir',

  path: '/Users/rich/Desktop/angularrichleach/node_modules/node-sass/vendor' }

> uglifyjs-webpack-plugin@0.4.6 postinstall /Users/rich/Desktop/angularrichleach/node_modules/@angular/cli/node_modules/webpack/node_modules/uglifyjs-webpack-plugin

> node lib/post_install.js

> uglifyjs-webpack-plugin@0.4.6 postinstall /Users/rich/Desktop/angularrichleach/node_modules/webpack/node_modules/uglifyjs-webpack-plugin

> node lib/post_install.js

> node-sass@4.7.2 postinstall /Users/rich/Desktop/angularrichleach/node_modules/node-sass

> node scripts/build.js

Building: /usr/local/bin/node /Users/rich/Desktop/angularrichleach/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=

gyp info it worked if it ends with ok

gyp verb cli [ '/usr/local/bin/node',

gyp verb cli   '/Users/rich/Desktop/angularrichleach/node_modules/node-gyp/bin/node-gyp.js',

gyp verb cli   'rebuild',

gyp verb cli   '--verbose',

gyp verb cli   '--libsass_ext=',

gyp verb cli   '--libsass_cflags=',

gyp verb cli   '--libsass_ldflags=',

gyp verb cli   '--libsass_library=' ]

gyp info using node-gyp@3.6.2

gyp info using node@6.11.3 | darwin | x64

gyp verb command rebuild []

gyp verb command clean []

gyp verb clean removing "build" directory

gyp verb command configure []

gyp verb check python checking for Python executable "python2" in the PATH

gyp verb `which` failed Error: not found: python2

gyp verb `which` failed     at getNotFoundError (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:13:12)

gyp verb `which` failed     at F (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:68:19)

gyp verb `which` failed     at E (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:80:29)

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/which/which.js:89:16

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/isexe/index.js:42:5

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/isexe/mode.js:8:5

gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:123:15)

gyp verb `which` failed  python2 { Error: not found: python2

gyp verb `which` failed     at getNotFoundError (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:13:12)

gyp verb `which` failed     at F (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:68:19)

gyp verb `which` failed     at E (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:80:29)

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/which/which.js:89:16

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/isexe/index.js:42:5

gyp verb `which` failed     at /Users/rich/Desktop/angularrichleach/node_modules/isexe/mode.js:8:5

gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:123:15)

gyp verb `which` failed   stack: 'Error: not found: python2n    at getNotFoundError (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:13:12)n    at F (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:68:19)n    at E (/Users/rich/Desktop/angularrichleach/node_modules/which/which.js:80:29)n    at /Users/rich/Desktop/angularrichleach/node_modules/which/which.js:89:16n    at /Users/rich/Desktop/angularrichleach/node_modules/isexe/index.js:42:5n    at /Users/rich/Desktop/angularrichleach/node_modules/isexe/mode.js:8:5n    at FSReqWrap.oncomplete (fs.js:123:15)',

gyp verb `which` failed   code: 'ENOENT' }

gyp verb check python checking for Python executable "python" in the PATH

gyp verb `which` succeeded python /usr/bin/python

gyp verb check python version `/usr/bin/python -c "import platform; print(platform.python_version());"` returned: "2.7.10n"

gyp verb get node dir no --target version specified, falling back to host node version: 6.11.3

gyp verb command install [ '6.11.3' ]

gyp verb install input version string "6.11.3"

gyp verb install installing version: 6.11.3

gyp verb install --ensure was passed, so won't reinstall if already installed

gyp verb install version is already installed, need to check "installVersion"

gyp verb got "installVersion" 9

gyp verb needs "installVersion" 9

gyp verb install version is good

gyp verb get node dir target node version installed: 6.11.3

gyp verb build dir attempting to create "build" dir: /Users/rich/Desktop/angularrichleach/node_modules/node-sass/build

gyp ERR! configure error

gyp ERR! stack Error: EACCES: permission denied, mkdir '/Users/rich/Desktop/angularrichleach/node_modules/node-sass/build'

gyp ERR! stack     at Error (native)

gyp ERR! System Darwin 15.6.0

gyp ERR! command "/usr/local/bin/node" "/Users/rich/Desktop/angularrichleach/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="

gyp ERR! cwd /Users/rich/Desktop/angularrichleach/node_modules/node-sass

gyp ERR! node -v v6.11.3

gyp ERR! node-gyp -v v3.6.2

gyp ERR! not ok

Build failed with error code: 1

npm notice created a lockfile as package-lock.json. You should commit this file.

npm WARN @ng-bootstrap/ng-bootstrap@1.0.0-beta.5 requires a peer of @angular/core@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN @ng-bootstrap/ng-bootstrap@1.0.0-beta.5 requires a peer of @angular/common@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN @ng-bootstrap/ng-bootstrap@1.0.0-beta.5 requires a peer of @angular/forms@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN ng-html-util@1.0.0 requires a peer of @angular/core@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN ng-html-util@1.0.0 requires a peer of @angular/common@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN ng-html-util@1.0.0 requires a peer of @angular/platform-browser@^4.0.3 but none is installed. You must install peer dependencies yourself.

npm WARN codelyzer@3.2.2 requires a peer of @angular/compiler@^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN codelyzer@3.2.2 requires a peer of @angular/core@^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN license-webpack-plugin@1.1.1 requires a peer of webpack-sources@>=1.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.7.2 (node_modules/node-sass):

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.7.2 postinstall: `node scripts/build.js`

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

added 1608 packages in 47.556s

Your global Angular CLI version (1.6.3) is greater than your local

version (1.5.0). The local Angular CLI version is used.

To disable this warning use "ng set --global warnings.versionMismatch=false".

@angular/compiler-cli@5.1.3 requires typescript@'>=2.4.2 <2.5.0' but 2.5.3 was found instead.

Using this version can result in undefined behaviour and difficult to debug problems.

Please run the following command to install a compatible version of TypeScript.

    npm install typescript@'>=2.4.2 <2.5.0'

To disable this warning run "ng set warnings.typescriptMismatch=false".

** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

 10% building modules 5/5 modules 0 activewebpack: wait until bundle finished: /   

Date: 2018-01-08T19:15:15.339Z                                                          

Hash: e6f2e2c86d610d062c86

Time: 25310ms

chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]

chunk {main} main.bundle.js (main) 2.17 MB [initial] [rendered]

chunk {polyfills} polyfills.bundle.js (polyfills) 1.11 MB [initial] [rendered]

chunk {styles} styles.bundle.js (styles) 46.7 kB [initial] [rendered]

chunk {vendor} vendor.bundle.js (vendor) 11.5 MB [initial] [rendered]

ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss

Module build failed: Error: Cannot find module 'node-sass'

When I attempt to run this command:
sudo npm install git+https://oauth2:@git.mdbootstrap.com/mdb/angular/ng-pro.git -save
it says the -save switch is invalid. I have to use --save instead (I copied and pasted from the docs, which are incorrect)

With
sudo npm install git+https://oauth2:@git.mdbootstrap.com/mdb/angular/ng-pro.git --save
I get
Command failed: /usr/local/bin/git clone -q https://oauth2:@git.mdbootstrap.com/mdb/angular/ng-pro.git /Users/rich/.npm/_cacache/tmp/git-clone-025d2428
npm ERR! /Users/rich/.npm/_cacache/tmp/git-clone-025d2428/.git: Permission denied
Could you please tell me what commands I need to remedy this?

Thanks,

Rich