Can someone help me figure out why my routes aren’t being bound to my other view models? Here is a sample. I have just upgraded all my dependencies.
import {bindable, inject} from 'aurelia-framework’;
import { Router } from 'aurelia-router';
@inject(AppState, Endpoint.of('api'), Router)
export class Stories {
router: any;
constructor(appState, apiHttp, router){
this.router = router;
}
}
this.router is not returning anything bound when logged
it shouldn’t behave that way, can you try inject something else to see if anything wrong ?
Well, actually it does return stuff, but empty parameters. The class loads, but has all parameters empty even though my app.ts file has the routes configured. The page even loads correctly, but when trying to access the other parameters in the view-model of the page, I don’t have access. Any other ideas?
Also everything else I inject seems to be working.
maybe double check that you don’t have forks, aka none of the npm/aurelia-* folders contain npm folders themselves. if so, for testing just delete those nested npm folders
I don’t seem to have any, but I am using some aurelia RC’s. Here is my package.json. I have also completely removed my node_modules and did a fresh install, but still it doesn’t bind in the router to my other view-models.
{
"name": "trek",
"license": "UNLICENSED",
"version": "1.1.2",
"appversion": "1.0",
"build": "1",
"main": "dist/main.js",
"repository": {
"type": "git",
"url": "https://github.com/myname/trek-app.git"
},
"scripts": {
"build": "npm run build:dev && npm run build:stage && npm run build:prod",
"build:dev": "cross-env NODE_ENV=dev npm run webpack -- --progress --profile",
"build:qa": "cross-env NODE_ENV=qa npm run webpack -- --progress --profile",
"build:stage": "cross-env NODE_ENV=stage npm run webpack -- --progress --profile",
"build:prod": "cross-env NODE_ENV=prod npm run webpack -- --progress --profile",
"build:prodstats": "cross-env NODE_ENV=prod npm run webpack -- --progress --profile --json > stats.json",
"start": "npm run server:dev",
"start:local": "npm run server:local",
"server": "npm run server:dev",
"server:local": "cross-env NODE_ENV=local npm run webpack-dev-server -- --inline --progress --profile",
"server:dev": "cross-env NODE_ENV=localdev npm run webpack-dev-server -- --inline --progress --profile --watch",
"server:dev:hmr": "npm run server:dev -- --hot",
"server:prod": "http-server dist --cors",
"webpack": "cross-env TS_NODE_PROJECT=tsconfig.tsnode.json TS_NODE_FAST=true ./node_modules/.bin/webpack",
"webpack-dev-server": "cross-env TS_NODE_PROJECT=tsconfig.tsnode.json TS_NODE_FAST=true ./node_modules/.bin/webpack-dev-server"
},
"dependencies": {
"@types/clndr": "^1.4.0",
"currency-formatter": "^1.0.4",
"interactjs": "^1.2.8",
"isomorphic-fetch": "^2.2.1",
"jquery": "^3.1.1",
"jquery-visible": "^1.2.0",
"npm": "^6.1.0",
"push.js": "^1.0.5",
"scrolltofixed": "^1.0.6",
"tooltipster": "^4.2.2",
"whatwg-fetch": "^2.0.2"
},
"devDependencies": {
"@easy-webpack/core": "^2.0.1",
"@types/df-visible": "0.0.6",
"@types/dropzone": "^5.0.4",
"@types/flexslider": "^2.0.28",
"@types/jqueryui": "^1.11.32",
"@types/moment-range": "^3.1.0",
"@types/node": "^10.3.4",
"@types/scrolltofixed": "0.0.28",
"@types/selenium-webdriver": "^3.0.10",
"@types/socket.io": "^1.4.27",
"@types/socket.io-client": "^1.4.29",
"@types/tooltipster": "0.0.29",
"@types/velocity-animate": "^1.2.28",
"@types/webpack": "^4.4.2",
"au-table": "^0.1.12",
"aurelia-api": "^3.0.0-rc9",
"aurelia-authentication": "^3.0.0-rc9",
"aurelia-bootstrapper": "^2.0.1",
"aurelia-dialog": "1.0.0-rc.2.0.0",
"aurelia-kendoui-bridge": "^1.5.1",
"aurelia-mdl-plugin": "^1.0.0",
"aurelia-pal": "^1.8.0",
"aurelia-repeat-strategies": "github:martingust/aurelia-repeat-strategies",
"aurelia-webpack-plugin": "^3.0.0-rc.1",
"autogrow": "^1.0.6",
"autoprefixer": "^8.6.3",
"autosize": "^4.0.0",
"awesome-typescript-loader": "^5.2.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.1",
"babel-polyfill": "^6.23.0",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"bluebird": "^3.4.7",
"bundle-loader": "^0.5.6",
"clean-webpack-plugin": "^0.1.16",
"cleave.js": "^1.3.7",
"clipboard": "^2.0.1",
"clipboard-js": "^0.3.3",
"clndr": "^1.4.6",
"concurrently": "^3.1.0",
"connect-history-api-fallback": "^1.2.0",
"copy-webpack-plugin": "^4.0.1",
"countdown": "^2.6.0",
"cross-env": "^5.2.0",
"css-loader": "^0.28.11",
"d3": "5.5.0",
"del-cli": "^1.1.0",
"dropzone": "^5.4.0",
"es6-promise-promise": "^1.0.0",
"exports-loader": "^0.7.0",
"expose-loader": "^0.7.3",
"express": "^4.16.3",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"file-loader": "^1.1.11",
"firebase": "^5.0.4",
"flexslider": "^2.6.0",
"font-awesome": "^4.7.0",
"froala-oembed": "^1.0.2",
"fs": "0.0.1-security",
"getmdl-select": "^2.0.1",
"happypack": "^5.0.0",
"html-loader": "^0.5.5",
"html-metadata": "^1.7.0",
"html-webpack-plugin": "^3.2.0",
"http-server": "^0.11.1",
"image-webpack-loader": "^4.3.1",
"input-autogrow": "^1.0.2",
"jquery-autogrow-textarea": "^1.2.1",
"jquery-autotab": "^1.9.2",
"jquery-easing": "0.0.1",
"jquery-migrate": "^3.0.1",
"jquery-ui": "^1.12.0",
"jquery-ui-bundle": "^1.12.1-migrate",
"jquery-validation": "^1.15.1",
"jquery.cookie": "^1.4.1",
"jquery.maskedinput": "^1.4.1",
"jquery.scrollbar": "^0.2.11",
"jscroll": "^2.4.1",
"json-loader": "^0.5.4",
"json3": "^3.3.2",
"kendo-ui-core": "^2018.2.620",
"less": "^3.0.4",
"less-loader": "^4.1.0",
"lity": "^2.2.2",
"load-script": "^1.0.0",
"lodash": "^4.17.10",
"mapbox": "^1.0.0-beta3",
"mapbox-gl": "^0.46.0",
"material-design-lite": "^1.3.0",
"medium-editor": "^5.23.2",
"medium-editor-insert-plugin": "^2.5.0",
"merge-files-webpack-plugin": "^1.1.2",
"minimatch": "^3.0.2",
"moment": "^2.22.2",
"moment-countdown": "0.0.3",
"moment-duration-format": "^2.2.2",
"moment-range": "^4.0.1",
"moment-timezone": "^0.5.10",
"mysql": "^2.12.0",
"nprogress": "^0.2.0",
"numeral": "^2.0.6",
"offline-plugin": "^5.0.5",
"perfect-scrollbar": "^0.6.12",
"php-serialization": "0.0.4",
"plyr": "^3.3.20",
"postcss-import": "^11.1.0",
"postcss-less": "^2.0.0",
"postcss-less-engine": "^0.6.2",
"postcss-loader": "^2.1.5",
"postcss-smart-import": "^0.7.6",
"postcss-url": "^7.3.2",
"protractor": "^5.3.2",
"raw-loader": "^0.5.1",
"rimraf": "^2.5.4",
"rotate": "^0.0.1",
"rotate-icon": "^1.0.0",
"scrollmagic": "^2.0.5",
"simple-oauth2": "^2.2.0",
"slugify": "^1.2.6",
"socket.io": "^2.1.1",
"socket.io-client": "^2.1.1",
"style-loader": "^0.21.0",
"swiper": "^4.3.3",
"tag-it": "^2.0.0",
"textarea-autogrow": "^1.0.0",
"through2": "^2.0.1",
"transform-loader": "^0.2.3",
"ts-loader": "^4.4.1",
"ts-node": "^6.1.2",
"tslib": "^1.2.0",
"typeahead": "^0.2.2",
"typescript": "^2.5.3",
"typings": "^2.1.0",
"uglifyjs-webpack-plugin": "^1.2.5",
"url-loader": "^1.0.1",
"url-metadata": "^2.1.7",
"validate.js": "^0.12.0",
"velocity-animate": "^1.2.3",
"vinyl-fs": "^3.0.3",
"wait-on": "^2.1.0",
"wallaby-webpack": "3.9.10",
"webpack": "^4.12.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4",
"webpack-md5-hash": "0.0.6",
"webworkify-webpack": "^2.1.3"
}
}