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

时间:2015-07-15 14:32:54

标签: javascript extjs extjs6

尽管我在我的索引页面中包含了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

6 个答案:

答案 0 :(得分:5)

图表位于一个单独的包中:

  

默认情况下,Sencha图表不包含在Ext JS库中。在   要包含图表包,只需添加“图表”   (“sencha-charts”如果使用Ext JS 5.x)到require块   在Sencha Cmd生成的应用程序的{appRoot} /app.json文件中。   将包名称添加到requires数组会指示Cmd生成   包可用于您的应用程序。

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

答案 1 :(得分:2)

"requires": [
    "charts"
],

这应该从您的app.json

取消注释

答案 2 :(得分:1)

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

"requires": [
        "sencha-charts"
    ],
app.json中的

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

它对我有用,希望这对你有所帮助:))

答案 3 :(得分:1)

我在绘制极坐标图时遇到了完全相同的问题。发现以下解决方案: 在application.js

中添加以下内容
requires: ['Ext.chart.*']

答案 4 :(得分:1)

除了注释掉“ required”:对于Sencha Cmd项目效果很好的'Charts'(对于ExtJS 6是'charts',对于ExtJS 5是'sencha-charts'),我发现您包括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">
...

答案 5 :(得分:0)

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

npm install @sencha/ext-charts

(不要使用-g标志,因为Sencha CMD会在源文件夹中搜索文件)

然后添加

"requires": [
    "charts"
],

到您的app.json文件。