Module Parse failed

[garethkusky]

Hi. I've just started the course and had the node-sass compatibility issue, that was solved but i'm having an issue with the code for Classes, Spread operator, Arrow functions, Immutability

When i save the changes i get the below error

Uncaught Error: Module parse failed: ...\Angular\angular-fundamentals-seed-master\main.ts Unexpected token (26:11) You may need an appropriate loader to handle this file type. | | class ShoppingList2 { | groceries: string[]; | constructor(){ | this.groceries = []; at Object../main.ts (app.js:718) [] at webpack_require (app.js:660) [] at fn (app.js:84) [] at Object.7 (app.js:9976) [] at webpack_require (app.js:660) [] at ./main.ts (app.js:709) [] at :4000/build/app.js:712:10 []

Im guessing its some compatability issues but cannot work out which. Ive double checked the code and it looks good to me but here it is just in case

` function ShoppingList() { this.groceries = []; }

ShoppingList.prototype.addItem = function (item) { this.groceries = this.groceries.concat([item]); }

ShoppingList.prototype.removeItem = function([item]){ this.groceries = this.groceries.filter(function(grocery){ return item !== grocery; }) } var mylist = new ShoppingList();

mylist.addItem('Banana'); mylist.addItem('Apple');

console.log(mylist.groceries);

mylist.removeItem('Banana'); console.log(mylist.groceries);

class ShoppingList2 { groceries: string[]; constructor(){ this.groceries = []; } addItem(item){ this.groceries = [...this.groceries, item]; } removeItem(item){ this.groceries = this.groceries.filter((grocery)=> item !== grocery) } }

const myNewList = new ShoppingList2(); myNewList.addItem('Pear'); myNewList.addItem('Pizza');

console.log(myNewList); `

any ideas?