2017-01-14 5 views
-1

Я просто пытаюсь создать модульный javascript с системойJS и реагировать.почему umd SystemJS дать мне сообщение об ошибке не очень хорошо

после того, как он запустил его в качестве причины ошибки. это возможно из-за XMLHTTPrequest, но я не знаю, как установить его в systemjs. все работает хорошо. и я могу работать с использованием systemJS. но сообщение об ошибке раздражает меня так много ...

это файл мой SystemJs.setup.js

System.config({ 
baseURL: "", 
defaultJSExtensions: true, 
transpiler: "babel", 
babelOptions: { 
    "optional": [ 
    "runtime", 
    "optimisation.modules.system" 
    ] 
}, 
paths: { 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*" 
}, 
meta: { 
    'test.js': { 
    format: 'esm' 
    } 
    , 
    'main.js': { 
    format: 'commonJS' 
    } 
}, 
map: { 
    "babel": "npm:[email protected]", 
    "babel-runtime": "npm:[email protected]", 
    "core-js": "npm:[email protected]", 
    "react": "npm:[email protected]", 
    "react-dom": "npm:[email protected]", 
    "github:jspm/[email protected]": { 
    "assert": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "buffer": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "domain-browser": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "events": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "Base64": "npm:[email protected]", 
    "events": "github:jspm/[email protected]", 
    "inherits": "npm:[email protected]", 
    "stream": "github:jspm/[email protected]", 
    "url": "github:jspm/[email protected]", 
    "util": "github:jspm/[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "https-browserify": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "path-browserify": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "process": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "stream-browserify": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "string_decoder": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "url": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "util": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "vm-browserify": "npm:[email protected]" 
    }, 
    "github:jspm/[email protected]": { 
    "browserify-zlib": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "domain": "github:jspm/[email protected]", 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "assert": "github:jspm/[email protected]", 
    "buffer": "github:jspm/[email protected]", 
    "process": "github:jspm/[email protected]", 
    "util": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "assert": "github:jspm/[email protected]", 
    "buffer": "github:jspm/[email protected]", 
    "pako": "npm:[email protected]", 
    "process": "github:jspm/[email protected]", 
    "readable-stream": "npm:[email protected]", 
    "util": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "base64-js": "npm:[email protected]", 
    "child_process": "github:jspm/[email protected]", 
    "fs": "github:jspm/[email protected]", 
    "ieee754": "npm:[email protected]", 
    "isarray": "npm:[email protected]", 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "fs": "github:jspm/[email protected]", 
    "path": "github:jspm/[email protected]", 
    "process": "github:jspm/[email protected]", 
    "systemjs-json": "github:systemjs/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "events": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "iconv-lite": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "core-js": "npm:[email protected]", 
    "isomorphic-fetch": "npm:[email protected]", 
    "loose-envify": "npm:[email protected]", 
    "object-assign": "npm:object-[email protected]", 
    "process": "github:jspm/[email protected]", 
    "promise": "npm:[email protected]", 
    "setimmediate": "npm:[email protected]", 
    "ua-parser-js": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "http": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "process": "github:jspm/[email protected]", 
    "stream": "github:jspm/[email protected]", 
    "string_decoder": "github:jspm/[email protected]", 
    "systemjs-json": "github:systemjs/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "util": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "node-fetch": "npm:[email protected]", 
    "whatwg-fetch": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "fs": "github:jspm/[email protected]", 
    "js-tokens": "npm:[email protected]", 
    "process": "github:jspm/[email protected]", 
    "stream": "github:jspm/[email protected]", 
    "util": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "encoding": "npm:[email protected]", 
    "http": "github:jspm/[email protected]", 
    "https": "github:jspm/[email protected]", 
    "is-stream": "npm:[email protected]", 
    "stream": "github:jspm/[email protected]", 
    "url": "github:jspm/[email protected]", 
    "util": "github:jspm/[email protected]", 
    "zlib": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "assert": "github:jspm/[email protected]", 
    "fs": "github:jspm/[email protected]", 
    "vm": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "asap": "npm:[email protected]", 
    "fs": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "fbjs": "npm:[email protected]", 
    "loose-envify": "npm:[email protected]", 
    "object-assign": "npm:[email protected]", 
    "process": "github:jspm/[email protected]", 
    "react": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "fbjs": "npm:[email protected]", 
    "loose-envify": "npm:[email protected]", 
    "object-assign": "npm:[email protected]", 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "core-util-is": "npm:[email protected]", 
    "events": "github:jspm/[email protected]", 
    "inherits": "npm:[email protected]", 
    "isarray": "npm:[email protected]", 
    "process": "github:jspm/[email protected]", 
    "stream-browserify": "npm:[email protected]", 
    "string_decoder": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/[email protected]", 
    "buffer-shims": "npm:[email protected]", 
    "core-util-is": "npm:[email protected]", 
    "events": "github:jspm/[email protected]", 
    "inherits": "npm:[email protected]", 
    "isarray": "npm:[email protected]", 
    "process": "github:jspm/[email protected]", 
    "process-nextick-args": "npm:[email protected]", 
    "string_decoder": "npm:[email protected]", 
    "util-deprecate": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "events": "github:jspm/[email protected]", 
    "inherits": "npm:[email protected]", 
    "readable-stream": "npm:[email protected]" 
    }, 
    "npm:[email protected]": { 
    "buffer": "github:jspm/nodelibs-[email protected]" 
    }, 
    "npm:[email protected]": { 
    "systemjs-json": "github:systemjs/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "assert": "github:jspm/[email protected]", 
    "punycode": "npm:[email protected]", 
    "querystring": "npm:[email protected]", 
    "util": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "util": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "inherits": "npm:[email protected]", 
    "process": "github:jspm/[email protected]" 
    }, 
    "npm:[email protected]": { 
    "indexof": "npm:[email protected]" 
    } 
} 
}); 

this is the error message in console


пс: простите за мой английский очень плохо ...

ответ

0

запустить его на локальном сервере ... access-from-files

Обратите внимание, что при запуске локально убедитесь, что вы работаете с локального сервера или браузера с включенными локальными запросами XHR. Если нет, вы получите сообщение об ошибке.

Для Chrome на Mac, вы можете запустить его с:/Applications/Google \ Chrome.app/Contents/MacOS/Google \ Chrome --allow-доступ к файлам, из-файлов &>/DEV/нуль &

В Firefox для этого требуется перейти к: config, enter> security.fileuri.strict_origin_policy в поле фильтра и переключить опцию на false.