{"action":"closed","issue":{"url":"https://api.github.com/repos/photonstorm/phaser/issues/3206","repository_url":"https://api.github.com/repos/photonstorm/phaser","labels_url":"https://api.github.com/repos/photonstorm/phaser/issues/3206/labels{/name}","comments_url":"https://api.github.com/repos/photonstorm/phaser/issues/3206/comments","events_url":"https://api.github.com/repos/photonstorm/phaser/issues/3206/events","html_url":"https://github.com/photonstorm/phaser/issues/3206","id":294271981,"number":3206,"title":"Module parse failed in Phaser 3.0.0 Beta 20 Release","user":{"login":"DouglasLapsley","id":15831662,"avatar_url":"https://avatars1.githubusercontent.com/u/15831662?v=4","gravatar_id":"","url":"https://api.github.com/users/DouglasLapsley","html_url":"https://github.com/DouglasLapsley","followers_url":"https://api.github.com/users/DouglasLapsley/followers","following_url":"https://api.github.com/users/DouglasLapsley/following{/other_user}","gists_url":"https://api.github.com/users/DouglasLapsley/gists{/gist_id}","starred_url":"https://api.github.com/users/DouglasLapsley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DouglasLapsley/subscriptions","organizations_url":"https://api.github.com/users/DouglasLapsley/orgs","repos_url":"https://api.github.com/users/DouglasLapsley/repos","events_url":"https://api.github.com/users/DouglasLapsley/events{/privacy}","received_events_url":"https://api.github.com/users/DouglasLapsley/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2018-02-05T04:40:37Z","updated_at":"2018-02-09T04:10:24Z","closed_at":"2018-02-09T04:10:24Z","author_association":"NONE","body":"Hi\r\nFirstly, thank you for all your hard work on phaser 3!  Looking amazing.\r\nI think I found a bug though.\r\nRunning in brand new Angular 4 with nothing else in it, I installed via \"npm install phaser@beta\".  \r\nHere is my code:\r\n\r\n```\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { Phaser } from 'phaser';\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent\r\n  ],\r\n  imports: [\r\n    BrowserModule\r\n  ],\r\n  providers: [],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { \r\n\r\n  config = {\r\n    type: Phaser.CANVAS,\r\n    parent: 'phaser-example',\r\n    scene: {\r\n        preload: this.preload,\r\n        create: this.create\r\n    }\r\n  };\r\n\r\n  game = new Phaser.Game(this.config);\r\n\r\n  carrot: any;\r\n\r\n  preload() : void{\r\n    this.game.load.image('carrot', 'assets/carrot.png');\r\n  }\r\n\r\n  create() : void{\r\n    this.carrot = this.game.add.sprite(400, 300, 'carrot');\r\n  }\r\n\r\n}\r\n```\r\n\r\nI get a compilation error:\r\n\r\n```\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/BitmapMask.frag\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/BitmapMask.frag Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_BITMAP_MASK_FS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/BitmapMaskPipeline.js 5:21-58\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/BitmapMask.vert\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/BitmapMask.vert Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_BITMAP_MASK_VS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/BitmapMaskPipeline.js 4:21-58\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/FlatTint.frag\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/FlatTint.frag Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_FLAT_TINT_FS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/FlatTintPipeline.js 6:21-56\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/FlatTint.vert\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/FlatTint.vert Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_FLAT_TINT_VS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/FlatTintPipeline.js 5:21-56\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/ForwardDiffuse.frag\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/ForwardDiffuse.frag Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_FORWARD_DIFFUSE_FS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/ForwardDiffuseLightPipeline.js 5:21-62\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/TextureTint.frag\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/TextureTint.frag Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_TEXTURE_TINT_FS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/TextureTintPipeline.js 5:21-59\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\nERROR in ./node_modules/phaser/src/renderer/webgl/shaders/TextureTint.vert\r\nModule parse failed: /home/doug/Desktop/phaser test/my-app/node_modules/phaser/src/renderer/webgl/shaders/TextureTint.vert Unexpected character '#' (1:0)\r\nYou may need an appropriate loader to handle this file type.\r\n| #define SHADER_NAME PHASER_TEXTURE_TINT_VS\r\n| \r\n| precision mediump float;\r\n @ ./node_modules/phaser/src/renderer/webgl/pipelines/TextureTintPipeline.js 4:21-59\r\n @ ./node_modules/phaser/src/renderer/webgl/WebGLRenderer.js\r\n @ ./node_modules/phaser/src/boot/CreateRenderer.js\r\n @ ./node_modules/phaser/src/boot/Game.js\r\n @ ./node_modules/phaser/src/phaser.js\r\n @ ./src/app/app.module.ts\r\n @ ./src/main.ts\r\n @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts\r\n\r\n```\r\n\r\nI played with a previous development of phaser a few months back, and this didn't happen.  So I don't think I've got anything wrong.  \r\n\r\nThanks very much!\r\n\r\nDoug"}}
{"actor":{"display_login":"DouglasLapsley"}}