Runtime Error in vendor-bundle.js

Question

Runtime Error in vendor-bundle.js

Closed this issue 8 years ago · 14 comments

I have installed and am running a simple app with nothing but pages loaded and getting an error in vendor-bundle.js at line 9054

define('text!aurelia-form/component/form-field.html', ['module'], function(module) { module.exports = "<template>\n  <!-- does not have a view model, meaning that it is a html only component -->\n  <compose\n    if.bind=\"!hasViewModel && visible\"\n    view.bind=\"view\"></compose>\n\n  <!-- has a view model this is a component with view model -->\n  <compose\n    if.bind=\"hasViewModel && visible\"\n    model.bind=\"model\"\n    view-model.bind=\"view\"></compose>\n</template>\n"; });
define('text!aurelia-form/component/form-fields.html', ['module'], function(module) { module.exports = "<template>\n\n  <form-field repeat.for=\"element of schema\"\n    if.bind=\"hasKeyProp(element)\"\n    value.bind=\"model[element.key]\"\n    message.bind=\"messages[element.key]\"\n    element.bind=\"element\">\n  </form-field>\n\n  <form-field repeat.for=\"element of schema\"\n    if.bind=\"!hasKeyProp(element)\"\n    value.bind=\"model\"\n    message.bind=\"messages[element.key]\"\n    element.bind=\"element\">\n  </form-field>\n\n</template>\n"; });
define('text!aurelia-form/component/schema-form.html', ['module'], function(module) { module.exports = "<template>\n  <form role=\"form\">\n    <slot name=\"schema-form-header\"></slot>\n    <form-fields messages.bind=\"messages\" model.bind=\"model\" schema.bind=\"schema\"></form-fields>\n    <slot name=\"schema-form-footer\"></slot>\n  </form>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/actions.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./form-group\"></require>\n  <require from=\"./../../../attributes\"></require>\n  <form-group role=\"group\" element.bind=\"element\" message.bind=\"message\">\n    <div class=\"btn-group\" attributes.bind=\"element.attributes\">\n      <button repeat.for=\"action of element.actions\"\n        class=\"btn btn-default\"\n        type=\"button\"\n        attributes.bind=\"action.attributes\"\n        click.delegate=\"action.action(value, element.index, $event)\"\n        t.bind=\"action.label\">\n        ${action.label}\n      </button>\n    </div>\n  </form-group>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/association.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./../../../attributes\"></require>\n  <require from=\"./form-group\"></require>\n  <form-group role=\"group\" element.bind=\"element\" message.bind=\"message\">\n    <association-select\n      attributes.bind      = \"element.attributes\"\n      multiple.bind        = \"element.multiple\"\n      value.bind           = \"value\"\n      property.bind        = \"element.property\"\n      repository.bind      = \"element.repository\"\n      resource.bind        = \"element.resource\"\n      association.bind     = \"element.association\"\n      manyAssociation.bind = \"element.manyAssociation\"\n      criteria.bind        = \"element.criteria\"></association-select>\n    <span class=\"help-block\">${messages[element.key]}</span>\n  </form-group>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/checkbox.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./form-group\"></require>\n  <require from=\"./../../../attributes\"></require>\n  <form-group element.bind=\"element\" message.bind=\"message\">\n    <div class=\"checkbox\">\n      <label>\n        <input\n          attributes.bind=\"element.attributes\"\n          type=\"checkbox\"\n          t.bind=\"label\"\n          name.bind=\"element.key\"\n          checked.bind=\"element.value\">\n          ${label}\n      </label>\n    </div>\n  </form-group>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/checkboxes.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./../../../attributes\"></require>\n  <require from=\"./../../../converter/normalizeOptions\"></require>\n  <require from=\"./form-group\"></require>\n  <form-group element.bind=\"model.element\" attributes.bind=\"model.element.attributes\">\n    <div class=\"checkbox\" repeat.for=\"option of model.element.options | normalizeOptions\">\n      <label>\n        <input\n          attributes.bind=\"option.attributes\"\n          type=\"checkbox\"\n          name.bind=\"option.name\"\n          model.bind=\"option.value\"\n          checked.bind=\"model.value\">\n          ${option.name}\n      </label>\n    </div>\n  </form-group>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/collection.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./../../../attributes\"></require>\n  <require from=\"./form-group\"></require>\n  <form-group element.bind=\"element\" message.bind=\"message\">\n    <form-fields repeat.for=\"model of models\"\n      attributes.bind=\"element.schema.attributes\"\n      model.bind=\"model\"\n      schema.bind=\"schema($index)\">\n    </form-fields>\n  </form-group>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/conditional.html', ['module'], function(module) { module.exports = "<template>\n  <form-fields\n    schema.bind=\"schema\"\n    model.bind=\"model\">\n  </form-fields>\n</template>\n"; });
define('text!aurelia-form/component/framework/bootstrap/fieldset.html', ['module'], function(module) { module.exports = "<template>\n  <require from=\"./../../../attributes\"></require>\n  <fieldset attributes.bind=\"element.attributes\">\n    <form-fields\n      model.bind=\"value\"\n      schema.bind=\"element.schema\">\n    </form-fields>\n  </fieldset>\n</template>\n"; });
// this is line 9054
<template>
  <require from="./form-group"></require>
  <form-group element.bind="element" message.bind="message">
    <input
      attributes.bind="element.attributes"
      type="file"
      name.bind="element.key"
      value.bind="element.value">
  </form-group>
</template>

Answer 1 · 2016-08-24T09:15:15.000Z

i managed meanwhile to get that error with aurelia-cli. however, it was only once, when actually something unrelated was from with my aurelia.json. so, maybe check your shell output for other errors and/or compare to https://github.com/SpoonX/swan-example-client/tree/aurelia-cli

Answer 2 · 2016-08-24T19:44:02.000Z

Hi, when I follow these steps I do NOT get a running app:1) Git Repository Clone to my dev machine2) open the folder and run "npm install" (many warnings but no errors, see attached)3) then I run "au run" (it responds by saying that it doesn't have an app to run - see attached)
by contrast, my machine is set up for aurelia. If I:1) Go to my root dev code folder2) Type "au new some-project" it runs without error3) Type "au run" it runs without error4) Chrome to "localhost:9000" i get the hello world app
Paul Harker

On Wednesday, August 24, 2016 2:15 AM, doktordirk <notifications@github.com> wrote:

i managed meanwhile to get that error with aurelia-cli. however, it was only once, when actually something unrelated was from with my aurelia.json. so, maybe check your shell output for other errors and/or compare to https://github.com/SpoonX/swan-example-client/tree/aurelia-cli —
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.0.14

PS C:\dev\swan-example-client> au run
Invalid Command: run
_ _ ____ _ ___
__ _ _ _ _ __ | () __ _ / | | | |
/ | | | | '**/ _ \ | |/ _ | | | | | | |
| (| | || | | | __/ | | (| | | || |_ | |
,_|,|| |||_,_| _|__**|___|

new --here

Creates a new Aurelia application project.

project-name (optional) - The name to create the project with. If one isn't provided, the wizard will ask for one.

--here - Creates a new project with the current working directory as the root of the project instead of creating a new project folder.

help

Displays the Aurelia CLI help.

Answer 3 · 2016-08-25T00:51:45.000Z

hmm, had that error myself. i did manage it to run, but not sure what i did. which aureliacli version btw?

Answer 4 · 2016-08-25T07:34:41.000Z

i'm not entirely sure why this is happening but might be different versions of local and global aurelia-cli?
anyways, what worked for me was ton uninstall local and global aurelia-cli, and reinstall global and local aurelia-cli

npm uninstall aurelia-cli -g
npm uninstall aurelia-cli
npm install aurelia-cli -g
npm install aurelia-cli

Answer 5 · 2016-08-26T10:17:13.000Z

@doktordirk I seem to be getting a similar issue where the bundling process barfs when trying to bundle the aurelia-form components.

On the left is the swan example and the right my project.

I have not found anyway to get round this (other than copying the effected section from the vendor bundle of the swan example into my project- which allows it to run but then I get a promise rejection error 👎 ). @paulharker is your project on Asp.net Core and using typescript. As I am trying to figure out the differences between swan example and my project.

AuFormsEx.zip

.net Core project attached

Answer 6 · 2016-08-26T13:36:24.000Z

@beatsm give 0.1.11 a try. npm i github:spoonx/aurelia-form#0.1.11

Answer 7 · 2016-08-26T15:25:04.000Z

@doktordirk Thanks but unfortunately this had made it worse.

I have run au build 5 times now and the first time it got to checkbox.html. Three times it got to checkboxes.html and once it got to collections.html.

Does my aurelia.json look ok to you? If it does, I am thinking that this is a aurelia-cli issue (possibly with the type of project I am using).

Thoughts?

Answer 8 · 2016-08-26T17:27:07.000Z

not yet aurelia/cli#294

Answer 9 · 2016-08-26T18:57:39.000Z

@doktordirk What I'm seeing is that the aurelia-cli is bundling some HTML into the vendor-package.js, and that is not happening in the swan-example-client (which I have installed and have running). Any thoughts?

Answer 10 · 2016-08-26T19:46:21.000Z

it's a bug in aurelia-cli. you can track above linked issue

Answer 11 · 2016-08-26T19:53:51.000Z

Ha. I looked at that issue and didn't see the connection and it was right there. Thanks for pointing it out to me. You can probably close this issue into that other one.

Answer 12 · 2016-09-01T06:39:24.000Z

@paulharker @beatsm i've updated the install instructions. should work with those

Answer 13 · 2016-09-06T10:26:29.000Z

@doktordirk This works when setting all the resources.

I have tried it with 0.19 and the original bug with the Aurelia-Cli still remains :-(

Answer 14 · 2016-09-06T10:49:14.000Z

yeah, doesn't seem to be high on their list. anyways, i guess i can close this then now