Ext JS 6 - 尽管包含 ext-all.js 但仍未找到图表

Question

尽管我在索引页中包含了 ext-all.js 文件；当我尝试 this online Guage chart example provided by Sencha

时出现如下错误

http://myapp.com/widget/polar.js?_dc=1436970370848 404 (Not Found)
Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.polar

Answer 1

图表在单独的包中：

Sencha Charts are not included in the Ext JS library by default. In order to include the charts package, simply add “charts” (“sencha-charts” if working with Ext JS 5.x) to the requires block in your Sencha Cmd generated application’s {appRoot}/app.json file. Adding a package name to the requires array directs Cmd to make the package available to your application.

https://docs.sencha.com/extjs/5.1/components/introduction_to_charting.html

Answer 2

在 Extjs 6 中，您必须通过取消注释来包含 sencha 图表

"requires": [
        "sencha-charts"
    ],

in app.json 和运行 sencha app watch 命令在 sencha cmd 中通过应用程序文件夹。

对我有用，希望对你有帮助:)

Answer 3

"requires": [
    "charts"
],

这应该从您的 app.json

中取消注释

Answer 4

我在下面的解决方案中渲染极坐标 charts.Found 时遇到了完全相同的问题：在下面添加 application.js

requires: ['Ext.chart.*']

Answer 5

除了取消注释 "required" : 'Charts'（'charts' 对于 ExtJS 6，'sencha-charts' 对于 ExtJS 5），我明白了您自己包含 ext-all.js 文件。可能您需要找到它们...您可以在那里找到所有文件 ->

https://cdnjs.com/libraries/extjs/6.2.0 所有ExtJS文件，用于包含。这可用于在线链接（例如 jsfiddle.net）。最后写上6.1.0、6.0.0、5.1.0或者你需要的任何版本。

在此链接示例中找到 https://www.sencha.com/forum/showthread.php?303990-Is-there-a-free-GPA-CDN-for-ExtJS-6-l&p=1115697&viewfull=1#post1115697
在 jsfiddle - https://jsfiddle.net/Elunyfay/7v0uo2w6/7/

<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all-debug.js"></script>

<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-triton/resources/theme-triton-all-debug.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-triton/theme-triton-debug.js"></script>

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/packages/charts/classic/charts-debug.js"></script>
<link type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/packages/charts/classic/classic/resources/charts-all-debug.css">
...

Answer 6

对于使用开放工具的 ExtJS 6.x - 您必须手动安装图表模块

npm install @sencha/ext-charts

（不要使用 -g 标志，因为 Sencha CMD 会在源文件夹中搜索文件）

然后添加

"requires": [
    "charts"
],

到您的 app.json 文件。

Ext JS 6 - 尽管包含 ext-all.js 但仍未找到图表

Ext JS 6 - Charts are not found despite including ext-all.js

javascript

extjs

extjs6