{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5849","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5849/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5849/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5849/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/5849","id":348697663,"node_id":"MDU6SXNzdWUzNDg2OTc2NjM=","number":5849,"title":"@uifabric/dashboard installation/css build issue","user":{"login":"obiwan007","id":12936285,"node_id":"MDQ6VXNlcjEyOTM2Mjg1","avatar_url":"https://avatars2.githubusercontent.com/u/12936285?v=4","gravatar_id":"","url":"https://api.github.com/users/obiwan007","html_url":"https://github.com/obiwan007","followers_url":"https://api.github.com/users/obiwan007/followers","following_url":"https://api.github.com/users/obiwan007/following{/other_user}","gists_url":"https://api.github.com/users/obiwan007/gists{/gist_id}","starred_url":"https://api.github.com/users/obiwan007/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/obiwan007/subscriptions","organizations_url":"https://api.github.com/users/obiwan007/orgs","repos_url":"https://api.github.com/users/obiwan007/repos","events_url":"https://api.github.com/users/obiwan007/events{/privacy}","received_events_url":"https://api.github.com/users/obiwan007/received_events","type":"User","site_admin":false},"labels":[{"id":1012038161,"node_id":"MDU6TGFiZWwxMDEyMDM4MTYx","url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/labels/@uifabric/dashboard","name":"@uifabric/dashboard","color":"006b75","default":false}],"state":"open","locked":false,"assignee":{"login":"samiyaakhtar","id":1795990,"node_id":"MDQ6VXNlcjE3OTU5OTA=","avatar_url":"https://avatars2.githubusercontent.com/u/1795990?v=4","gravatar_id":"","url":"https://api.github.com/users/samiyaakhtar","html_url":"https://github.com/samiyaakhtar","followers_url":"https://api.github.com/users/samiyaakhtar/followers","following_url":"https://api.github.com/users/samiyaakhtar/following{/other_user}","gists_url":"https://api.github.com/users/samiyaakhtar/gists{/gist_id}","starred_url":"https://api.github.com/users/samiyaakhtar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/samiyaakhtar/subscriptions","organizations_url":"https://api.github.com/users/samiyaakhtar/orgs","repos_url":"https://api.github.com/users/samiyaakhtar/repos","events_url":"https://api.github.com/users/samiyaakhtar/events{/privacy}","received_events_url":"https://api.github.com/users/samiyaakhtar/received_events","type":"User","site_admin":false},"assignees":[{"login":"samiyaakhtar","id":1795990,"node_id":"MDQ6VXNlcjE3OTU5OTA=","avatar_url":"https://avatars2.githubusercontent.com/u/1795990?v=4","gravatar_id":"","url":"https://api.github.com/users/samiyaakhtar","html_url":"https://github.com/samiyaakhtar","followers_url":"https://api.github.com/users/samiyaakhtar/followers","following_url":"https://api.github.com/users/samiyaakhtar/following{/other_user}","gists_url":"https://api.github.com/users/samiyaakhtar/gists{/gist_id}","starred_url":"https://api.github.com/users/samiyaakhtar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/samiyaakhtar/subscriptions","organizations_url":"https://api.github.com/users/samiyaakhtar/orgs","repos_url":"https://api.github.com/users/samiyaakhtar/repos","events_url":"https://api.github.com/users/samiyaakhtar/events{/privacy}","received_events_url":"https://api.github.com/users/samiyaakhtar/received_events","type":"User","site_admin":false}],"milestone":null,"comments":3,"created_at":"2018-08-08T12:08:23Z","updated_at":"2018-08-21T07:05:08Z","closed_at":null,"author_association":"NONE","body":"<!-- Use this template for bug/error reporting only -->\r\n\r\n### Bug Report \r\n \r\n- @uifabric/dashboard 0.13.0 \r\n \r\n#### Priorities and help requested:\r\n\r\nAre you willing to submit a PR to fix? (Yes, No)\r\n no\r\nRequested priority: (Blocking, High, Normal, Low) \r\nNormal\r\n \r\nProducts/sites affected: (if applicable)\r\n \r\n#### Describe the issue:\r\n \r\nCompiling the dashboard components like <Card> or <DashboardGridLayout> fails during css transpilation. compilation.\r\n \r\n#### Actual behavior:\r\n \r\ncss-loader seems to be unhappy about an internal css import of the dashboard component.\r\nI will receive an error like:\r\n\r\n`Failed to compile.\r\n\r\n./node_modules/react-resizable/css/styles.css (./node_modules/@uifabric/dashboard/node_modules/css-loader!./node_modules/style-loader!./node_modules/css-loader!./node_modules/react-resizable/css/styles.css)\r\nModule build failed (from ./node_modules/@uifabric/dashboard/node_modules/css-loader/index.js):\r\nCssSyntaxError: C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\style-loader\\index.js!C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\css-loader\\index.js!C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\react-resizable\\css\\styles.css:2:1: Unknown word\r\n    at Input.error (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\input.js:65:21)\r\n    at Parser.word (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\parser.js:184:30)\r\n    at Parser.loop (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\parser.js:61:26)\r\n    at Object.parse [as default] (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\parse.js:21:12)\r\n    at new LazyResult (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\lazy-result.js:54:42)\r\n    at Processor.process (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\postcss\\lib\\processor.js:30:16)\r\n    at processCss (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\css-loader\\lib\\processCss.js:170:24)\r\n    at Object.module.exports (C:\\Workspaces\\git\\azure\\pkg\\frontend\\pkg\\node_modules\\@uifabric\\dashboard\\node_modules\\css-loader\\lib\\loader.js:21:15)`\r\n \r\nHere is an excerpt from our webpack 4 config for the rules section:\r\n\r\n`{\r\n        test: /\\.scss$/,\r\n        use: [\r\n          {\r\n            loader: '@microsoft/loader-load-themed-styles', // creates style nodes from JS strings\r\n          },\r\n          {\r\n            loader: 'css-loader', // translates CSS into CommonJS\r\n            options: {\r\n              modules: true,\r\n              importLoaders: 2,\r\n              localIdentName: '[name]_[local]_[hash:base64:5]',\r\n              minimize: true,\r\n            },\r\n          },\r\n          {\r\n            loader: 'postcss-loader',\r\n            options: {\r\n              plugins: function () {\r\n                return [require('autoprefixer')];\r\n              },\r\n            },\r\n          },\r\n          {\r\n            loader: 'sass-loader', // compiles sass to CSS\r\n          },\r\n        ],\r\n      },\r\n      { test: /\\.css$/, \r\n        loader: 'style-loader!css-loader' \r\n      },`\r\n\r\n\r\n#### Expected behavior:\r\n \r\nJust compile the css correctly or provide a vialble WebPack config on how to setup the required loader.\r\n "},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/414571659","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/5849#issuecomment-414571659","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5849","id":414571659,"node_id":"MDEyOklzc3VlQ29tbWVudDQxNDU3MTY1OQ==","user":{"login":"turbo","id":8023543,"node_id":"MDQ6VXNlcjgwMjM1NDM=","avatar_url":"https://avatars2.githubusercontent.com/u/8023543?v=4","gravatar_id":"","url":"https://api.github.com/users/turbo","html_url":"https://github.com/turbo","followers_url":"https://api.github.com/users/turbo/followers","following_url":"https://api.github.com/users/turbo/following{/other_user}","gists_url":"https://api.github.com/users/turbo/gists{/gist_id}","starred_url":"https://api.github.com/users/turbo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/turbo/subscriptions","organizations_url":"https://api.github.com/users/turbo/orgs","repos_url":"https://api.github.com/users/turbo/repos","events_url":"https://api.github.com/users/turbo/events{/privacy}","received_events_url":"https://api.github.com/users/turbo/received_events","type":"User","site_admin":false},"created_at":"2018-08-21T07:05:08Z","updated_at":"2018-08-21T07:05:08Z","author_association":"NONE","body":"Same, please take a look."}}
{"actor":{"display_login":"turbo"}}