{"action":"created","issue":{"url":"https://api.github.com/repos/ant-design/ant-design/issues/11829","repository_url":"https://api.github.com/repos/ant-design/ant-design","labels_url":"https://api.github.com/repos/ant-design/ant-design/issues/11829/labels{/name}","comments_url":"https://api.github.com/repos/ant-design/ant-design/issues/11829/comments","events_url":"https://api.github.com/repos/ant-design/ant-design/issues/11829/events","html_url":"https://github.com/ant-design/ant-design/issues/11829","id":352814211,"node_id":"MDU6SXNzdWUzNTI4MTQyMTE=","number":11829,"title":"Button run error","user":{"login":"nxt-hj","id":39750826,"node_id":"MDQ6VXNlcjM5NzUwODI2","avatar_url":"https://avatars3.githubusercontent.com/u/39750826?v=4","gravatar_id":"","url":"https://api.github.com/users/nxt-hj","html_url":"https://github.com/nxt-hj","followers_url":"https://api.github.com/users/nxt-hj/followers","following_url":"https://api.github.com/users/nxt-hj/following{/other_user}","gists_url":"https://api.github.com/users/nxt-hj/gists{/gist_id}","starred_url":"https://api.github.com/users/nxt-hj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nxt-hj/subscriptions","organizations_url":"https://api.github.com/users/nxt-hj/orgs","repos_url":"https://api.github.com/users/nxt-hj/repos","events_url":"https://api.github.com/users/nxt-hj/events{/privacy}","received_events_url":"https://api.github.com/users/nxt-hj/received_events","type":"User","site_admin":false},"labels":[{"id":340842022,"node_id":"MDU6TGFiZWwzNDA4NDIwMjI=","url":"https://api.github.com/repos/ant-design/ant-design/labels/Need%20Reproduce%F0%9F%A4%94","name":"Need Reproduce🤔","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":{"login":"zombieJ","id":5378891,"node_id":"MDQ6VXNlcjUzNzg4OTE=","avatar_url":"https://avatars1.githubusercontent.com/u/5378891?v=4","gravatar_id":"","url":"https://api.github.com/users/zombieJ","html_url":"https://github.com/zombieJ","followers_url":"https://api.github.com/users/zombieJ/followers","following_url":"https://api.github.com/users/zombieJ/following{/other_user}","gists_url":"https://api.github.com/users/zombieJ/gists{/gist_id}","starred_url":"https://api.github.com/users/zombieJ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zombieJ/subscriptions","organizations_url":"https://api.github.com/users/zombieJ/orgs","repos_url":"https://api.github.com/users/zombieJ/repos","events_url":"https://api.github.com/users/zombieJ/events{/privacy}","received_events_url":"https://api.github.com/users/zombieJ/received_events","type":"User","site_admin":false},"assignees":[{"login":"zombieJ","id":5378891,"node_id":"MDQ6VXNlcjUzNzg4OTE=","avatar_url":"https://avatars1.githubusercontent.com/u/5378891?v=4","gravatar_id":"","url":"https://api.github.com/users/zombieJ","html_url":"https://github.com/zombieJ","followers_url":"https://api.github.com/users/zombieJ/followers","following_url":"https://api.github.com/users/zombieJ/following{/other_user}","gists_url":"https://api.github.com/users/zombieJ/gists{/gist_id}","starred_url":"https://api.github.com/users/zombieJ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zombieJ/subscriptions","organizations_url":"https://api.github.com/users/zombieJ/orgs","repos_url":"https://api.github.com/users/zombieJ/repos","events_url":"https://api.github.com/users/zombieJ/events{/privacy}","received_events_url":"https://api.github.com/users/zombieJ/received_events","type":"User","site_admin":false}],"milestone":null,"comments":4,"created_at":"2018-08-22T06:03:30Z","updated_at":"2018-08-22T21:45:23Z","closed_at":null,"author_association":"NONE","body":"\r\n### Version\r\n3.8.2\r\n\r\n### Environment\r\nwebpack@4.12.1 antd@3.8.2 @babel-loader@7.1.4\r\n\r\n### Steps to reproduce\r\n\r\n```es6\r\nimport { Button, Input, Select } from 'antd';\r\nconst Option = Select.Option;\r\nimport Animation from 'library/Animation';\r\nclass Component_1 extends Component {\r\n    handleChange = (value) => {\r\n        console.log(`selected ${value}`);\r\n    }\r\n    render() {\r\n        var a = 'opacity'\r\n        return (\r\n            <Animation defaultStyle={{ [a]: 0 }} style={{ [a]: 1 }}>\r\n                {(style) => (\r\n                    // <Select defaultValue=\"lucy\" style={{ width: 120 }} onChange={this.handleChange}>\r\n                    //     <Option value=\"jack\">Jack</Option>\r\n                    //     <Option value=\"lucy\">Lucy</Option>\r\n                    //     <Option value=\"disabled\" disabled>Disabled</Option>\r\n                    //     <Option value=\"Yiminghe\">yiminghe</Option>\r\n                    // </Select>\r\n                    <Button type=\"primary\">Primary</Button>\r\n                )}\r\n            </Animation>\r\n        );\r\n    }\r\n}\r\nexport default Component_1;\r\n\r\n```\r\nthen i get a error below\r\n\r\n> react-dom.development.js:15211 Uncaught DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('data:application/javascript;base64,aW1wb3J0IF9jbGFzc0NhbGxDaGVjayBmcm9tICdiYWJlbC1ydW50aW1lL2hlb......VsdCBXYXZlOw==') is not a valid name.\r\n\r\nbut when i use Select，is OK，why?\r\n\r\n### What is expected?\r\nno error\r\n\r\n### What is actually happening?\r\nerror\r\n\r\n\r\n<!-- generated by ant-design-issue-helper. DO NOT REMOVE -->"},"comment":{"url":"https://api.github.com/repos/ant-design/ant-design/issues/comments/415191514","html_url":"https://github.com/ant-design/ant-design/issues/11829#issuecomment-415191514","issue_url":"https://api.github.com/repos/ant-design/ant-design/issues/11829","id":415191514,"node_id":"MDEyOklzc3VlQ29tbWVudDQxNTE5MTUxNA==","user":{"login":"julkwel","id":30557565,"node_id":"MDQ6VXNlcjMwNTU3NTY1","avatar_url":"https://avatars0.githubusercontent.com/u/30557565?v=4","gravatar_id":"","url":"https://api.github.com/users/julkwel","html_url":"https://github.com/julkwel","followers_url":"https://api.github.com/users/julkwel/followers","following_url":"https://api.github.com/users/julkwel/following{/other_user}","gists_url":"https://api.github.com/users/julkwel/gists{/gist_id}","starred_url":"https://api.github.com/users/julkwel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/julkwel/subscriptions","organizations_url":"https://api.github.com/users/julkwel/orgs","repos_url":"https://api.github.com/users/julkwel/repos","events_url":"https://api.github.com/users/julkwel/events{/privacy}","received_events_url":"https://api.github.com/users/julkwel/received_events","type":"User","site_admin":false},"created_at":"2018-08-22T21:45:23Z","updated_at":"2018-08-22T21:45:23Z","author_association":"NONE","body":"please verify your webpack configuration file are like this , \r\n...\r\nmodule.exports = (env) => {\r\n  const globalCssLoaders = [\r\n    {\r\n      loader: 'css-loader',\r\n      options: {\r\n        sourceMap: true,\r\n      },\r\n    },\r\n  ];\r\n...\r\n{\r\n  test: /\\.(scss|css)$/,\r\n  exclude: /node_modules/,\r\n...\r\n{\r\n  test: /node_modules\\/.*\\.css$/,\r\n  use: env.NODE_ENV === 'production' ?\r\n    ExtractTextPlugin.extract({\r\n      use: globalCssLoaders,\r\n      fallback: 'style-loader',\r\n    }) :\r\n    [\r\n      {\r\n        loader: 'style-loader',\r\n      },\r\n      ...globalCssLoaders,\r\n    ],\r\n},\r\n...\r\n\r\nthen , import manually your button like this \r\n.....\r\nimport Button from 'antd/lib/button';\r\nimport 'antd/lib/button/style/css'; \r\n.....\r\n"}}
{"actor":{"display_login":"julkwel"}}