aurelia/Discuss

Aurelia 1.x Q&A - Sandbox at https://codesandbox.io/s/aurelia-javascript-sandbox-jnl6q85zq5

zodraz

@zodraz

any one to know what can cause this error?

Error on translate for npm:aurelia-binding@1.0.0-beta.1.2.2/aurelia-binding.d.ts at file:///C:/tfs/trunk/src/PIM/LeCreuset.PIM.Web/pim-app/jspm_packages/npm/aurelia-binding@1.0.0-beta.1.2.2/aurelia-binding.d.ts

lndnbrg

@lndnbrg

@estrica2000 I have the feeling, that typescript will add another layer of complexity that does not provide much value over just ES 2016.

Tony Olsson

@Souldrinker

@estrica2000 It probably depends on where you come from and what preferences you have. For me as an old C# dev I really like the strong typing, intellisense and additional features TypeScript brings even if it might add some complexity regarding typings for old js libraries etc.

Raimo Pitkänen

@rapitkan

@jsobell Hi. Do you know what… I did it. I have a project on the top of Aurelia RC. We talked earlier. That’s why I’m telling you this. Now I have to figure out how to publish the project. Have you published your RC based project yet?

ozi

@estrica2000

@lndnbrg @Souldrinker Thank you for the insight. Very useful! i want to strip out complexity for now at least while i am learning.

lndnbrg

@lndnbrg

@Souldrinker Is it feasible to add typescript later on?

Meirion Hughes

@MeirionHughes

yes

frankly I don't know why anyone would not use typescript

without it feels too much like I'm a "monkey hitting a typewriter"

Tony Olsson

@Souldrinker

@lndnbrg Not sure, I started out with TypeScript 0.8 (or something) in Durandal in 2013 or something and have stuck to that (never liked javascript ;-)). I suppose you could start with javascript and then rename your .js files to .ts file and add typings a bit at a time, but if you're thinking about TypeScript why not start with that instead and see how it feels.

McOffsky

@McOffsky

Hello guys, anyone can tell me how to add loader to the webpack config in esnext-webpack version of skeleton 1.0.0-beta.2.0.0? Im trying to add sass loader for scss and null loader for some other files.

Søren Müller

@SorenMuller

Hello... I'm going out of my mind.. hope you have a clue on what I'm doing wrong
I Added Aurelia-Validation and Aurelia-validatejs using npm..
When i try to bundle I get the following error..
´´´
..
..
Tracing main...
Tracing resources/index...
{ uid: 8,
name: 'writeBundles',
branch: false,
error:
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' },
duration: [ 4, 82419187 ],
time: 1467114309178 }
{ uid: 0,
name: '<series>',
branch: true,
error:
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' },
duration: [ 5, 758756536 ],
time: 1467114309193 }
{ [Error: ENOENT: no such file or directory, open 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js']
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'E:\Projects\Fragtbrevsrettelser\Fragtbrevsrettelser.Client\src\validate-binding-behavior.js',
moduleTree: [ 'aurelia-validation' ],
fileName: 'E:/Projects/Fragtbrevsrettelser/Fragtbrevsrettelser.Client/node_modules/aurelia-validation/dist/amd/aurelia-validation.js' }

The file its looking for is located inside Aurelia-Validation package :-|

smanaton

@smanaton

@SorenMuller you need to configure the modules in aurelia.json

Søren Müller

@SorenMuller

@smanaton Hi, I have added the two modules under "dependencies" in aurelia.json, do I need anything else ??

in aurelia.json
..
"dependencies": {
"aurelia-animator-css": "^1.0.0-rc.1.0.0",
"aurelia-bootstrapper": "^1.0.0-rc.1.0.0",
"aurelia-fetch-client": "^1.0.0-rc.1.0.0",
"aurelia-i18n": "^1.0.0-rc.1.0.0",
"aurelia-validation": "^0.10.0",
"aurelia-validatejs": "^0.6.0",
"bluebird": "^3.4.1"
},

smanaton

@smanaton

add a module declaration for validate-binding-behavior pointing to the amd folder

i cant find the exact declaration but i've seen it posted in this room a few times

add the following to aurelia.json

  {
    "name": "aurelia-validation",
    "path": "../node_modules/aurelia-validation/dist/amd",
    "main": "aurelia-validation"
  },
  {
    "name": "aurelia-validatejs",
    "path": "../node_modules/aurelia-validatejs/dist/amd",
    "main": "aurelia-validatejs"
  },
  {
    "name": "validate.js",
    "path": "../node_modules/validate.js/",
    "main": "validate"
  },

Tom Newby

@tomtomau

has anyone put together any interesting documentation around a file heirarchy they've found to be particularly effective in a large aurelia application?

Søren Müller

@SorenMuller

@smanaton @alsoicode Thx a million guys...
Just out of curiosity.. Shouldn't it be able resolve those files by it self.??

smanaton

@smanaton

@SorenMuller i'm sure it will do but the cli is still alpha

Søren Müller

@SorenMuller

@smanaton Ahh. ok.. Thx alot :-)

Tom Newby

@tomtomau

Biggest pain points we've had at the moment are, we have lots of view models and lots of components. Some components are generic and we've started to make some of registered as globalResources to simplify things. Some components are potentially generic across a few areas of the application. What should we do with services for components? I like the idea of having them in my services/ directory somewhere, but also like the idea of having it alongside the component which makes them more decomposable, replaceable pieces, hopefully

Mikael Porttila

@MikaelPorttila

question: how do I .if() in the new aurelia-validation framework?

Frédéric van der Essen

@cb-fred

@SorenMuller I'd like to know that as well, having to register all node modules individually seems like a huge regression from existing build systems

Mikael Porttila

@MikaelPorttila

the old validation supported:
.ensure('model.patientCity')
.if(() => this.model.someBoolean)
.hasMaxLength(20).withMessage('Max 20 tecken')
.endIf()

Søren Müller

@SorenMuller

@cb-fred Yup.. Used to jspm with its oddsand ends.... But tearing my hair out with npm :-|

Mikael Porttila

@MikaelPorttila

found it! data-ignored attribute

Frédéric van der Essen

@cb-fred

@SorenMuller this is not normal, tools like browserify can figure all that automatically

robinchesterman

@robinchesterman

I'm just browsing around a first project created with the Aurelia CLI - what is it using for bundling? Doesn't look like Webpack...

Søren Müller

@SorenMuller

This message was deleted

Frédéric van der Essen

@cb-fred

does anybody knows how to load npm submodules with aurelia cli ?

Søren Müller

@SorenMuller

@smanaton Hi, Im kinda baffled by the lines
´´´
{
"name": "validate.js",
"path": "../node_modules/validate.js/",
"main": "validate"
},
Validate.js is not directly under node_modules, but without theses lines, it cant find validate.js ?!?
Can you explain why ??

robinchesterman

@robinchesterman

I'm getting the above errors when trying to run / build a TypeScript app with the Aurelia CLI

Faesel Saeed

@faesel

does anyone know whats the best way of of passing a MVC model property to an Aurelia APP?

Doug Kent

@dkent600

@faesel return from web service method as JSON. MVC is very good at doing the JSON conversion for you.

Faesel Saeed

@faesel

thanks

Manca

@MancaZerovnikMekuc

Hi. Is there any nice example of how to use services in aurelia? In which file it is nice to do the configuration of fetch client?

Andrew Albright

@m-andrew-albright

Can I not add properties to my router's navigation items? This doesn't seem to work:

parent.js:

export class Parent {
  configureRouter(config, router) {
    config.map([
      {
        route: ['','child'],
        name: 'child',
        moduleId: './child',
        nav: true,
        title: 'Child',
        class: 'icon-ion-briefcase'
      },
    ]);
  }
}

parent.html (see <i class.bind="nav.class">):

<template>
  <div class="content-panel">
    <ul class="tabs">
      <li class="nav-item" repeat.for="nav of router.navigation">
        <a class="nav-link" href.bind="nav.href"><i class.bind="nav.class"></i>&nbsp;<span>${nav.title}</span></a>
      </li>
    </ul>
    <router-view containerless></router-view>
  </div>
</template>

lndnbrg

@lndnbrg

@robinchesterman I am getting the exact same errors, but it is working anyway. on github, there is a open issue about that.

Andrew Albright

@m-andrew-albright

For whatever reason, it acts like there is no .class property; so I assume there is some other way to do this?

srfabio

@srfabio

@m-andrew-albright you want to use the settings parameter for that

Andrew Albright

@m-andrew-albright

Ah, so settings.class then?

srfabio

@srfabio

settings: { class: something, other: somethingElse}

Andrew Albright

@m-andrew-albright

Thanks!

srfabio

@srfabio

@m-andrew-albright You're welcome!

Where communities thrive

People

Repo info

Activity