javascript - 从 Bower_Components 加载 systemjs

Question

我用 Bower 安装了 systemjs。我成功地将它加载到我的网站中，但在 system-config.js 中，出现错误 SystemJS is not Defined。为什么？

 <script src="./bower_components/systemjs/build/system.min.js"></script>
 <script src="./scripts/system-config.js"></script>

SystemJS.config({
    transpiler: 'plugin-babel',
    map: {
        //system transpiler
        'plugin-babel': './bower_components/systemjs-plugin-babel/plugin-babel.js',
        'systemjs-babel-build': './bower_components/systemjs-plugin-babel/systemjs-babel-browser.js',

        //app scripts
        'main': './scripts/main.js',
        'requester': './scripts/requester.js',
        'templates': './scripts/templates.js',
        'data': './scripts/data.js',

        //controllers
        'home': '../controllers/home.js',
        'login-form': '../controllers/login-form.js',

        //js libraries
        'jquery': './bower_components/jquery/dist/jquery.js',
        'navigo': './bower_components/navigo/lib/navigo.min.js',
        'handlebars': './bower_components/handlebars/dist/handlebars.js',
    }
});

SystemJS.import('./scripts/main.js').then(x => console.log(x), x => console.log(x));

Answer 1

您可能犯了与我在尝试重现该错误时所犯的错误相同的错误。

您使用以下命令安装了 SystemJS:

bower install systemjs

这不是您正在寻找的图书馆。

转到https://bower.io/search/并搜索systemjs。你会发现第一个包裹说

带有用户系统信息的 JavaScript 对象。

真正的包名为system.js，而不是systemjs

解决方案

在安装命令中添加一个点。

bower install system.js