与Aurelia骨架捆绑的Auth0

时间:2017-05-21 04:44:22

标签: gulp aurelia bundling-and-minification auth0 jspm

目标

  • 整合Auth0
  • 成功执行 gulp bundle-serve gulp export-serve for aurelia-skeleton-navigation

观察到的行为/问题

  • 非捆绑式应用按预期工作。

  • 我捆绑/导出时,尝试捆绑

  • 时抛出异常

Repro Steps

我在开发中遇到了当前应用程序的问题,所以我退后一步,以避免我的应用程序特定的代码混淆水域,并开始使用新版本的skeleton-esnext

  1. github.com/aurelia/skeleton-navigation/tree/master/skeleton-esnext到我的本地文件夹

  2. npm install,jspm install -y( npm& jspm已全局安装

  3. jspm install github:auth0 / lock(注意 readme.MD状态" 安装auth0-lock模块后,你需要捆绑它以及它的所有依赖关系。我们有browserify和webpack的例子。" - 我没有使用webpack aurelia骨架,我当前也没有浏览器化。我重新运行jspm install确保为非捆绑服务命令安装了所有软件包)

  4. 在Auth0客户端设置中将 app.js 的回调路由添加到允许的回拨网址(localhost:9000 /#/ auth) -cb):{route:" auth-cb",moduleId:" welcome",name:" auth-cb"}

  5. 创建身份验证模块,导入到欢迎模块,处理登录/注销。插入"登录"欢迎html页面上的按钮以触发auth.login()

  6. 运行gulp serve命令,页面按预期运行(带我到Auth0,允许我选择我的Google登录,返回我认可我已经过身份验证的SPA,并将我成功重定向到用户页面)< / p>

  7. 非捆绑脚本显示为:

  8. --jspm_packages
      --github
        --auth0
          --lock@10.16.0/build
              -lock.js
          -lock@10.16.0.js
    
    1. 运行gulp serve-bundle命令,例外:
    2. Error on dependency parsing for github:auth0/lock@10.16.0/build/lock.js at file:///F:/source/aurelia_es-next-auth0_skeleton/jspm_packages/github/auth0/lock@10.16.0/build/lock.js
              Loading github:auth0/lock@10.16.0.js
              Error: Multiple anonymous defines.
          at ParseTreeTransformer.AMDDependenciesTransformer.transformCallExpression (F:\source\aurelia_es-next-auth0_skeleton\node_modules\systemjs-builder\compilers\amd.js:98:13)...
      

      我需要在bundles.js文件或gulp构建任务中修改什么才能确保正确构建/捆绑所有相关文件?

      Public GitHub repo:https://github.com/jaundiced/so-aurelia-auth0-bundling

0 个答案:

没有答案