{"action":"created","issue":{"url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/650","repository_url":"https://api.github.com/repos/facebookincubator/create-react-app","labels_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/650/labels{/name}","comments_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/650/comments","events_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/650/events","html_url":"https://github.com/facebookincubator/create-react-app/issues/650","id":176989068,"number":650,"title":"Unable to add bootstrap","user":{"login":"micopiira","id":5475859,"avatar_url":"https://avatars.githubusercontent.com/u/5475859?v=3","gravatar_id":"","url":"https://api.github.com/users/micopiira","html_url":"https://github.com/micopiira","followers_url":"https://api.github.com/users/micopiira/followers","following_url":"https://api.github.com/users/micopiira/following{/other_user}","gists_url":"https://api.github.com/users/micopiira/gists{/gist_id}","starred_url":"https://api.github.com/users/micopiira/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micopiira/subscriptions","organizations_url":"https://api.github.com/users/micopiira/orgs","repos_url":"https://api.github.com/users/micopiira/repos","events_url":"https://api.github.com/users/micopiira/events{/privacy}","received_events_url":"https://api.github.com/users/micopiira/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-14T18:50:11Z","updated_at":"2016-09-16T17:09:32Z","closed_at":"2016-09-16T17:09:32Z","body":"I tried following https://github.com/facebookincubator/create-react-app/blob/master/template/README.md#adding-bootstrap to add bootstrap into my project\r\n\r\nI installed bootstrap@3 with npm, added `import 'bootstrap/dist/css/bootstrap.css';` into my `src/index.js`'then ran `npm start`. The bootstrap.css file does exist in the correct directory. **And** a `import './index.css';` right below it works just fine.\r\n\r\nOS: Windows 10, Chrome browser\r\n\r\nConsole output:\r\n```\r\n[HMR] Waiting for update signal from WDS...\r\nindex.js:31 Uncaught Error: Cannot find module \"bootstrap/dist/css/bootstrap.css\"webpackMissingModule @ index.js:31(anonymous function) @ index.js:31(anonymous function) @ bundle.js:1264__webpack_require__ @ bundle.js:556fn @ bundle.js:87(anonymous function) @ multi_main:3(anonymous function) @ bundle.js:589__webpack_require__ @ bundle.js:556(anonymous function) @ bundle.js:579(anonymous function) @ bundle.js:582\r\nclient:22 [WDS] Hot Module Replacement enabled.\r\nclient:45 [WDS] Errors while compiling.\r\nclient:47 ./~/bootstrap/dist/css/bootstrap.css\r\nModule parse failed: C:\\Users\\username\\Projects\\my-project\\node_modules\\bootstrap\\dist\\css\\bootstrap.css Unexpected token (7:5)\r\nYou may need an appropriate loader to handle this file type.\r\nSyntaxError: Unexpected token (7:5)\r\n    at Parser.pp.raise (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:923:13)\r\n    at Parser.pp.unexpected (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1490:8)\r\n    at Parser.pp.semicolon (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1469:73)\r\n    at Parser.pp.parseExpressionStatement (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1994:8)\r\n    at Parser.pp.parseStatement (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1772:188)\r\n    at Parser.pp.parseTopLevel (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1666:21)\r\n    at Parser.parse (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:1632:17)\r\n    at Object.parse (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\acorn\\dist\\acorn.js:885:44)\r\n    at Parser.parse (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\webpack\\lib\\Parser.js:902:15)\r\n    at DependenciesBlock.<anonymous> (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\webpack\\lib\\NormalModule.js:104:16)\r\n    at DependenciesBlock.onModuleBuild (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\webpack-core\\lib\\NormalModuleMixin.js:310:10)\r\n    at nextLoader (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\webpack-core\\lib\\NormalModuleMixin.js:275:25)\r\n    at C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\webpack-core\\lib\\NormalModuleMixin.js:259:5\r\n    at Storage.finished (C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\enhanced-resolve\\lib\\CachedInputFileSystem.js:38:16)\r\n    at C:\\Users\\username\\Projects\\my-project\\node_modules\\react-scripts\\node_modules\\graceful-fs\\graceful-fs.js:78:16\r\n    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3)\r\n @ ./src/index.js 31:0-43errors @ client:47sock.onmessage @ client:82EventTarget.dispatchEvent @ eventtarget.js:51(anonymous function) @ main.js:274SockJS._transportMessage @ main.js:272EventEmitter.emit @ emitter.js:50WebSocketTransport.ws.onmessage @ websocket.js:35\r\n```"},"comment":{"url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/comments/247655023","html_url":"https://github.com/facebookincubator/create-react-app/issues/650#issuecomment-247655023","issue_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/650","id":247655023,"user":{"login":"micopiira","id":5475859,"avatar_url":"https://avatars.githubusercontent.com/u/5475859?v=3","gravatar_id":"","url":"https://api.github.com/users/micopiira","html_url":"https://github.com/micopiira","followers_url":"https://api.github.com/users/micopiira/followers","following_url":"https://api.github.com/users/micopiira/following{/other_user}","gists_url":"https://api.github.com/users/micopiira/gists{/gist_id}","starred_url":"https://api.github.com/users/micopiira/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micopiira/subscriptions","organizations_url":"https://api.github.com/users/micopiira/orgs","repos_url":"https://api.github.com/users/micopiira/repos","events_url":"https://api.github.com/users/micopiira/events{/privacy}","received_events_url":"https://api.github.com/users/micopiira/received_events","type":"User","site_admin":false},"created_at":"2016-09-16T17:09:32Z","updated_at":"2016-09-16T17:09:32Z","body":"Upgrading the `react-scripts` package fixed this."}}
{"actor":{"display_login":"micopiira"}}