Dojo 要求不工作答案

【问题标题】：Dojo Require not workingDojo 要求不工作
【发布时间】：2012-04-24 02:35:14
【问题描述】：

我只是想做一些基本的道场和 dijit 工作。我似乎无法让新的 require() 函数在 1.7 中正常工作。出于某种原因，我的代码将错误记录到控制台，并且未解析小部件。代码如下：

<html>
    <head>
        <title>Fun with Button Clicking!</title>


        <link rel="stylesheet" type="text/css" href="../dojo/dojo/dojo-release-1.7.2-src/dojo/dojo.css" />
        <link rel="stylesheet" type="text/css" href="../dojo/dojo-release-1.7.2-src/dijit/themes/tundra/tundra.css" />

        <script>
        // Instead of using data-dojo-config, we’re creating a dojoConfig object
        // *before* we load dojo.js; they’re functionally identical.
        var dojoConfig = {
            async: true,
            parseOnLoad: true

        };
    </script>
    <script type="text/javascript" data-dojo-config="async: true" src="../dojo/dojo-release-1.7.2-src/dojo/dojo.js" ></script>

        <script type="text/javascript">
        require(["dojo/parser", "dijit/form/TextBox",  "dijit/form/Button", "dijit/form/NumberSpinner"], function(parser, textBox, button, spinner) {
            dojo.connect(dojo.byId("foo"), "onclick", function(evt) {
                console.log("connect fired for DOM Node onclick");
            });

            dojo.connect(dijit.byId("foo"), "onclick", function(evt) {
                console.log("connect fired for dijit onclick");    //never!
            });

            dojo.connect(dijit.byId("foo"), "onClick", function(evt) {
                console.log("connect fired for dijit onClick");
            });
        }); 
        </script>
    <head>
    <body class="tundra">

        <label>Spinner</label>
        <input data-dojo-type="dijit.form.NumberSpinner" name="spinna" constraints="{min:0,max:100}" value=100 />

        <button id="foo" data-dojo-type="dijit.form.Button" onclick="foo">click me
            <script type="dojo/method" event="onClick" args="evt">
                console.log("Button fired onClick");
            </script>
        </button>
    </body>
</html>

我在 firebug 中多次看到以下错误：

Error: [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "file:///D:/dev/demo/dojo/dojo-release-1.7.2-src/dojo/_base/xhr.js Line: 735"]
()Deferred.js (line 295)
(undefined=""GET"", undefined="[object Object]")xhr.js (line 738)
lates/TextBox.html",false,(undefined="function (text) {theCac...}delete pending[url];})")text.js (line 17)
",(undefined="function (a1", undefined=" a2", undefined=" a3) {return contextRequire(a1", undefined=" a2", undefined=" a3", undefined=" module", undefined=" result);})", undefined="(function (def) {module...ule);checkComplete();})")text.js (line 92)
(undefined="[object Object]")dojo.js (line 1216)
(undefined="[object Object]")dojo.js (line 1038)
id]) {injectPlugin()dojo.js (line 93)
undefined = "modules[mid] = pluginRe...oPluginResource.mid];})"
(undefined="[object Object]")dojo.js (line 1030)
(undefined="[object Object]")dojo.js (line 1072)
(undefined="[object Object]")dojo.js (line 1132)
()dojo.js (line 1154)
()dojo.js (line 1323)
(undefined="[object Event]")

有人知道这是怎么回事吗？

【问题讨论】：

标签： javascript dojo

【解决方案1】：

我不相信 Dojo 支持从文件系统加载。这个错误确实提到了一个可能对您有用的解决方法。

http://bugs.dojotoolkit.org/ticket/12104

【讨论】：

那我应该如何加载？我们将在未连接到开放互联网的系统上部署它，因此我无法使用 CDN。
所以这似乎解决了它。我进入 Firefox about:config 并将 security.fileuri.strict_origin_policy 更改为 false。我的小部件现在渲染得很好。我只是在这上面浪费了 2 天！谢谢！
这是一个浏览器安全问题。 Dojo 在 file: URL 中运行良好，但大多数应用程序确实通过 http 运行，即使在本地部署也是如此。