从bower_components加载systemjs

时间:2017-09-18 13:58:12

标签: javascript node.js bower systemjs

我用bower安装了systemjs。我成功加载它在我的网站,但在system-config.js,我得到错误SystemJS没有定义。为什么呢?

 <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));

1 个答案:

答案 0 :(得分:1)

您在尝试重现错误时可能犯了同样的错误。

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

bower install systemjs

这不是您要找的图书馆。

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

包含用户系统信息的JavaScript对象。

真正的套餐名为 system.js ,而不是 systemjs

解决方案

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

bower install system.js