Angular 4安装Angular Material遇403错误，求解决方法
Hey there, that 403 Forbidden error you're hitting means npm can't properly access the official npm registry to pull down the packages. Let's walk through a few fixes to get this sorted, plus make sure you're installing the right versions for Angular 4:
Step 1: Verify Your npm Registry Settings
First, check if your npm is pointed at the official registry. Sometimes third-party mirrors or private registries can cause permission issues. Run this command in your terminal:
npm config get registry
If the output isn't https://registry.npmjs.org/, set it back to the official one with:
npm config set registry https://registry.npmjs.org/
Step 2: Clear npm Cache
Corrupted cache files can also trigger weird access errors. Clear the cache with:
npm cache clean --force
After that, try running your install command again.
Step 3: Check for Unnecessary Proxy Settings
If you're on a network that uses a proxy (or previously set one up and no longer need it), proxy misconfigurations can block access to the registry. Check if proxies are set with:
npm config get proxy npm config get https-proxy
If either returns a value you don't recognize or no longer need, delete them:
npm config delete proxy npm config delete https-proxy
Step 4: Install Version-Matched Packages for Angular 4
One critical detail: you're trying to install the latest version of @angular/material and @angular/animations, but those latest versions are built for newer Angular versions (like 5+), not Angular 4. Even if you fix the 403 error, installing the wrong versions will cause compatibility issues.
For Angular 4, you need to install Angular Material 2.x and an @angular/animations version that matches your Angular 4 core version. For example, if your Angular core is 4.4.7, use this command:
npm install --save @angular/material@2.0.0-beta.12 @angular/animations@4.4.7
You can check your current Angular core version by looking at the @angular/core entry in your package.json file, then match the @angular/animations version to that.
Give these steps a try—start with the registry/cache/proxy fixes first, then make sure you're installing the correct package versions for Angular 4.
内容的提问来源于stack exchange，提问作者kcttt
