aurelia-cli:au install - 无法加载packages / js文件 - 404

时间:2017-07-28 21:27:01

标签: typescript aurelia aurelia-cli

我为缺乏细节而道歉..但问题是什么......我很难搞清楚如何解决这个问题。

我不知道如何解决这个问题的多个例子。我已经链接到github repositort中的分支:

  1. bootstrap-material-design(6d6e439
  2. leaflet.markercluster(https://github.com/diegohb/aurelia-leaflet-cluster/tree/master-task006
  3. aurelia-leaflet(https://github.com/diegohb/aurelia-leaflet-cluster/tree/master-task005
  4. 我的环境:

    • node v6.10.2
    • npm v4.2.0
    • aurelia-cli v0.30.1
    • 最新版本的chrome

    我已经尝试查看捆绑的vendor-bundle.js ..确认了define()语句在那里。我尝试在Chrome开发工具中使用SystemJS api查看已配置的内容但我无法理解我所看到的内容..我看不到任何内容在配置中引用vendor-bundle.js ..仅限app-bundle.js。

    在所有情况下,我在〜/ package_name获取指定包的404。我很感激主要关于#2 - leaflet.markercluster包的任何帮助或指示。

    repro for#1(材料设计) 在页面加载时使用au run --watch ..运行6d6e439,使用最新的Chrome ...我收到错误:

      

    未处理拒绝错误:获取错误:404未找到实例化   http://localhost:9000/bootstrap-material-design/scripts/material.js
      正在加载http://localhost:9000/bootstrap-material-design/scripts/index   正在加载http://localhost:9000/bootstrap-material-design正在加载   http://localhost:9000/app正在加载http://localhost:9000/app       在http://localhost:9000/scripts/vendor-bundle.js:3788:10911

    REF: - https://github.com/aurelia/cli/issues/676 - https://github.com/aurelia/cli/issues/684

    #2 在aurelia.json中添加以下内容会导致错误" L未定义"它指向leaflet.js中的第35行:

      {
        "name": "leaflet.markercluster",
        "main": "",
        "path": "../node_modules/leaflet.markercluster/dist",
        "resources": [
          "leaflet.markercluster.js",
          "MarkerCluster.css",
          "MarkerCluster.Default.css"
        ],
        "deps": ["leaflet"]
      }
    

    请参阅提交0f9cf0e

    #3 这似乎是由于这个包的过时代码...错误是" aurelia.globalizeResources不是一个函数"

    是否有关于如何解决SystemJS问题的文档?

    谢谢!

1 个答案:

答案 0 :(得分:0)

虽然这不是最终的解决方案..对aurelia.json的以下更改似乎摆脱了404错误并且正常工作:

null out main and add materialize and ripples as resources

见commit 7dcf0e4。如果你运行,你会看到au-cli报告

  

跟踪应用...错误   E:\ dev的\项目\操场\ AU-小叶簇\ node_modules \自举材料-design.js

但是当你加载页面时,它会捆绑并正确加载而不会出现错误..你会注意到,一旦点击,按钮就会出现"涟漪"效果如预期。

在使用此hack-fix关闭此问题之前,我会等待几天,看看是否有人有真正的解决方案。