Fatal编程技术网
  • javascript/
  • Javascript ExtJs 6-简单应用程序-Ext.Loader无法加载

Javascript ExtJs 6-简单应用程序-Ext.Loader无法加载

javascript extjs

Javascript ExtJs 6-简单应用程序-Ext.Loader无法加载,javascript,extjs,Javascript,Extjs,我想使用一个名为Ext.ux.form.ItemSelector的extjs6组件 为了测试它的最小功能，我决定创建一个简单的index.html和app.js文件并在我的浏览器中运行它 但是我的浏览器控制台中出现了一个错误： [E][Ext.Loader]无法加载某些请求的文件。ext all debug.js:8735:21 这是我的index.html文件： <html> <head> <meta name="viewport" content="w

我想使用一个名为
Ext.ux.form.ItemSelector
的extjs6组件

为了测试它的最小功能，我决定创建一个简单的
index.html
和
app.js
文件并在我的浏览器中运行它

但是我的浏览器控制台中出现了一个错误：
[E][Ext.Loader]无法加载某些请求的文件。ext all debug.js:8735:21

这是我的
index.html
文件：

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>ItemSelectorThemeSwitchTester</title>


     <script type="text/javascript" src="some/path/ext/6.x/ext-all-debug.js"></script>
     <script type="text/javascript" src="some/path/ext/6.x/packages/ux/classic/ux-debug.js"></script>

    <link rel="stylesheet" type="text/css" href=some/path/ext/6.x/classic/theme-triton/resources/theme-triton-all.css">
    <link rel="stylesheet" type="text/css" href="some/path/ext/6.x/classic/theme-triton/resources/theme-triton-all_1.css">
    <link rel="stylesheet" type="text/css" href="some/path/ext/6.x/classic/theme-triton/resources/theme-triton-all_2.css">


    <script type="text/javascript" src="some/path/ext/6.x/packages/charts/classic/charts.js"></script>
    <script type="text/javascript" src="some/path/ext/6.x/classic/theme-triton/theme-triton.js"></script>
    <script type="text/javascript" src="some/path/ext/6.x/classic/locale/locale-de.js"></script>

    <script type="text/javascript" src="app.js"></script>
</head>
}))

我尝试了不同的方法来避免这个错误。我甚至有一个跑步

但我不知道为什么它会抛出这个错误

编辑： 我添加了
Ext.Loader.setPath（'Ext.ux'，'C:/Ext-6.0.0-gpl/Ext-6.0.0/build/packages/ux/'）
到
app.js
文件的第一行

但同样的错误依然存在

编辑2： 在@Pawel Glowacz的第二次评论之后，我做了以下工作：

  • 进入ExtJs 6 GPL Files文件夹
    your\extraction\path\ext-6.0.0\packages\ux\classic\src
  • 将上述文件夹的内容复制到我的项目中的文件夹
    my\project\path\libs\ext\ux\
  • 粘贴
    Ext.Loader.setPath（'Ext.ux'，'libs/Ext/ux'）
    进入app.js的第一行
    • 结果:

    • 不适用于Internet Explorer和Chrome，仅适用于Firefox
    • 在带有
      ext all.js
      的
      index.html
      exchange
      ext all debug.js
      中，它可以在Chrome和Firefox中工作，但不能在Internet Explorer中工作
    有人知道原因吗？

    运行“sencha package build”时，您需要将包指向他们将使用的SDK

    就我而言：

    'c:\Dev\MyApp\'  Is my root
'c:\Dev\MyApp\Ext' is where my Ext instance is located.
'c:\Dev\MyApp\packages\local\package1' is my package.
    我需要运行（从我的package1文件夹中）

    现在软件包知道了您的EXT组件的位置

    您是否尝试加载
    ux
    模块？如果您不使用sencha的
    cmd
    应用程序，您需要在应用程序文件夹中设置
    ux
    模块并设置路径：
    Ext.Loader.setPath（'Ext.ux'，'yourPath/to/module/ux'）
    您的意思是：
    Ext.Loader.setPath（'Ext.ux'，'C:/Ext-6.0.0-gpl/Ext-6.0.0/build/packages/ux/'）（在
    app.js
    的第一行）
    ux
    的路径不能是绝对的。它必须是相对的。是的，它是
    app.js
    中的第一行，例如：
    Ext.Loader.setPath（'Ext.ux'，'extjs/Ext-ux/src/ux'）
    哪个
    extjs/ext-ux/src/ux
    包含在你的应用程序的根目录中。我已经更新了我文章的编辑部分。检查IE是否阻止了你网站的js？很奇怪的行为。

    'c:\Dev\MyApp\'  Is my root
'c:\Dev\MyApp\Ext' is where my Ext instance is located.
'c:\Dev\MyApp\packages\local\package1' is my package.

    

    'sencha -sdk ../../../Ext package build'