{"action":"created","issue":{"url":"https://api.github.com/repos/rails/webpacker/issues/1113","repository_url":"https://api.github.com/repos/rails/webpacker","labels_url":"https://api.github.com/repos/rails/webpacker/issues/1113/labels{/name}","comments_url":"https://api.github.com/repos/rails/webpacker/issues/1113/comments","events_url":"https://api.github.com/repos/rails/webpacker/issues/1113/events","html_url":"https://github.com/rails/webpacker/issues/1113","id":282710441,"number":1113,"title":"Webpacker 3.2.0 and typescript project gives \"missing appropriate loader\" error","user":{"login":"CoryMcDonald","id":5459225,"avatar_url":"https://avatars1.githubusercontent.com/u/5459225?v=4","gravatar_id":"","url":"https://api.github.com/users/CoryMcDonald","html_url":"https://github.com/CoryMcDonald","followers_url":"https://api.github.com/users/CoryMcDonald/followers","following_url":"https://api.github.com/users/CoryMcDonald/following{/other_user}","gists_url":"https://api.github.com/users/CoryMcDonald/gists{/gist_id}","starred_url":"https://api.github.com/users/CoryMcDonald/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CoryMcDonald/subscriptions","organizations_url":"https://api.github.com/users/CoryMcDonald/orgs","repos_url":"https://api.github.com/users/CoryMcDonald/repos","events_url":"https://api.github.com/users/CoryMcDonald/events{/privacy}","received_events_url":"https://api.github.com/users/CoryMcDonald/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-12-17T17:47:42Z","updated_at":"2017-12-17T18:15:03Z","closed_at":null,"author_association":"NONE","body":"I tried to create a new rails/react application with typescript however am running into an issue. I created a new rails application with the following.\r\n`rails new myapp --webpack=react`\r\n\r\nThen I followed the [documentation for adding typescript support.](https://github.com/rails/webpacker/blob/master/docs/typescript.md) Then created a file called `hello.tsx` in the `app/javascript/packs/` directory and copied the [basic stateless React component on the typescript language site](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html#write-some-code) and received the following output. \r\n\r\n```\r\nERROR in ./app/javascript/packs/hello.tsx\r\nModule parse failed: Unexpected token (3:7)\r\nYou may need an appropriate loader to handle this file type.\r\n| import * as React from \"react\";\r\n|\r\n| export interface HelloProps { compiler: string; framework: string; }\r\n|\r\n| export const Hello = (props: HelloProps) => <h1>Hello from {props.compiler} and {props.framework}!</h1>;\r\n @ multi (webpack)-dev-server/client?http://localhost:3035 ./app/javascript/packs/hello.tsx\r\nwebpack: Failed to compile.\r\n```\r\n\r\n---\r\n\r\nWhen I downgrade the webpacker version in the `package.json` file webpack compiles the application successfully with the previously released versions. \r\n\r\n✅  \"@rails/webpacker\": \"=3.0.2\" \r\n✅ \"@rails/webpacker\": \"=3.1.1\" \r\n❗️  \"@rails/webpacker\": \"=3.2.0\" \r\n"},"comment":{"url":"https://api.github.com/repos/rails/webpacker/issues/comments/352274508","html_url":"https://github.com/rails/webpacker/issues/1113#issuecomment-352274508","issue_url":"https://api.github.com/repos/rails/webpacker/issues/1113","id":352274508,"user":{"login":"gauravtiwari","id":771039,"avatar_url":"https://avatars2.githubusercontent.com/u/771039?v=4","gravatar_id":"","url":"https://api.github.com/users/gauravtiwari","html_url":"https://github.com/gauravtiwari","followers_url":"https://api.github.com/users/gauravtiwari/followers","following_url":"https://api.github.com/users/gauravtiwari/following{/other_user}","gists_url":"https://api.github.com/users/gauravtiwari/gists{/gist_id}","starred_url":"https://api.github.com/users/gauravtiwari/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gauravtiwari/subscriptions","organizations_url":"https://api.github.com/users/gauravtiwari/orgs","repos_url":"https://api.github.com/users/gauravtiwari/repos","events_url":"https://api.github.com/users/gauravtiwari/events{/privacy}","received_events_url":"https://api.github.com/users/gauravtiwari/received_events","type":"User","site_admin":false},"created_at":"2017-12-17T18:15:03Z","updated_at":"2017-12-17T18:15:03Z","author_association":"COLLABORATOR","body":"@CoryMcDonald Please see the changelog: https://github.com/rails/webpacker/blob/master/CHANGELOG.md#breaking-changes\r\n\r\nWe have moved all loaders to user space so, either you can install it by running the installer or copy the required loaders from https://github.com/rails/webpacker/tree/master/lib/install/loaders"}}
{"actor":{"display_login":"gauravtiwari"}}