Angular项目执行npm i安装依赖报错amcharts4包404不存在如何解决

根因说明 #

该404报错是由于无命名空间前缀的amcharts4包已从npm公共仓库下架，当前amcharts官方发布的所有包均以@amcharts为命名空间前缀。

修复步骤 #

• 第一步：修改项目根目录下package.json文件，将所有amcharts4相关的依赖条目替换为官方最新命名空间的包名，核心包为@amcharts/amcharts4，若使用到地图、主题等扩展能力，对应替换为@amcharts/amcharts4/maps、@amcharts/amcharts4/themes等。
• 第二步：清理npm本地缓存，执行命令：

npm cache clean --force

• 第三步：删除项目根目录下的node_modules文件夹、package-lock.json文件，避免旧依赖锁文件干扰安装。
• 第四步：调整业务代码中的导入语句，将原有amcharts4开头的导入路径同步替换为新的包名前缀，示例：

// 替换前
import * as am4core from "amcharts4/core"
// 替换后
import * as am4core from "@amcharts/amcharts4/core"

• 第五步：重新执行依赖安装命令：

npm install

可选排查项 #

如果替换包名后仍报404错误，可检查当前npm源是否为官方源，非官方源可能存在同步延迟问题，切回官方源后再尝试安装即可，切源命令：

npm config set registry https://registry.npmjs.org/

内容的提问来源于stack exchange，提问作者Abdellah AITMOMIN