Dependency injection, ERROR [app-router] Error - dependency-injection

Question

I am having issues with using dependency injection, I have many players which can be accessed via
{ route: 'player/:id', moduleId: 'player', name:'player' }
And inside my game class I can successfully create the player objects and list them in my game.html like this, and link them to the correct route.
<ul>
<li repeat.for="player of players">
<span>
${player.name}
</span>
<button click.trigger="removePlayer(player)">Remove</button>
<a route-href="route: player; params.bind: {id:player.id}">
player link
</a>
</li>
</ul>
But when I try to use DI on my player class where I inject a game object like below it wont work.
import {inject} from 'aurelia-framework';
//import {Draw} from './draw';
import {Game} from './game';
let id = 0;
function getId(){
return ++id;
}
#inject(Game)
export class Player {
constructor(name, game) {
this.name = name;
this.game = game;
//this.drawing = new Draw(this);
this.score = 0;
this.id = getId();
}
activate(params, routeConfig) {
console.log("test");
console.log(params);
}
created() {
console.log("created player");
}
}
I get the following error when I go to localhost:9000/#/player/1:
ERROR [app-router] Error: Error invoking Player. Check the inner error for details.
------------------------------------------------
Inner Error:
Message: key/value cannot be null or undefined. Are you trying to inject/register something that doesn't exist with DI?
Inner Error Stack:
I am new to aurelia, and not sure what is wrong here?