Sencha Architect 3.5/ExtJS 6.0.X 引入Charts库报404及构建失败问题

解决步骤 #

1. 修正包依赖配置

ExtJS 6.0.X classic工具集下的图表包正确名称为charts，不要填写ext-charts或sencha-charts。
不要手动修改app.json，直接在Sencha Architect的项目设置界面，找到「库」配置项，在可用包列表中勾选charts，让Architect自动同步配置到app.json中，避免手动修改被覆盖。

2. 修复Sencha Cmd构建报错

你遇到的core依赖缺失、主题包识别失败报错，是Sencha Cmd缓存和临时文件损坏导致的，按以下步骤清理：

• 删除项目根目录下的build文件夹、.sencha/temp临时文件夹
• 执行命令清理Sencha Cmd全局缓存：
  sencha package purge
• 手动指定ExtJS包搜索路径，替换为你本地ExtJS 6.0.X解压后的packages目录路径：
  sencha config --prop sencha.packages.dir=/本地路径/ext-6.0.x/packages
• 重新执行构建命令：
  sencha app build

3. 解决404路径重复问题

你的报错路径存在两层classic目录，是路径映射错误导致的，在app.json的classic配置段中补充路径映射规则：

"classic": {
  "paths": {
    "Ext": "ext/classic/src",
    "Ext.chart": "ext/packages/charts/classic/src"
  }
}

修改后在Architect中设置不覆盖app.json配置，再重新保存项目。

4. 手动引入方案的正确配置

如果不使用Sencha Cmd构建，之前的引入路径多了一层build和多余的classic目录，替换为以下正确路径：

<script type="text/javascript" src="ext/packages/charts/classic/charts.js"></script>
<link rel="stylesheet" type="text/css" href="ext/packages/charts/classic/resources/charts-all.css">

注意：如果使用的是GPL版本的ExtJS 6.0.X，默认不带charts包，需要单独下载对应版本的Sencha Charts包放到ext/packages目录下才能正常加载。

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