的问题
我们正在尝试在项目中使用此设计 - 系统反应，但是我们无法在使用时出现问题。
我们的项目使用react-scripts工作和运行，从现在开始，我们可以使用我们想要的任何库，但除此之外。我们遵循"入门官方指南"，我们有以下package.json，一切看起来都完全相同，但是我们无法使其无法正常工作。
{
"name": "Scheduling",
"version": "0.0.1",
"description": "Scheduling",
"scripts": {
"build": "webpack --config webpack.config.js",
"start": "react-scripts start",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"license": "BSD-3-Clause",
"engines": {
"node": ">=9.2.0",
"npm": ">=5.5.1"
},
"dependencies": {
"@salesforce-ux/design-system": "2.4.3",
"@salesforce-ux/icons": "7.x",
"axios": "^0.17.1",
"babel-plugin-transform-object-rest-spread": "^6.3.13",
"babel-polyfill": "^6.26.0",
"body-parser": "^1.14.2",
"compression": "^1.6.1",
"create-react-class": "^15.6.2",
"design-system-react": "git+https://github.com/salesforce/design-system-react.git#v0.8.0-es",
"express": "^4.13.4",
"forcejs": "^2.0.1",
"jsforce": "^1.7.1",
"jsforce-metadata-tools": "^1.2.2",
"lightning-container": "^0.1.6",
"lodash": "^4.17.4",
"method-override": "^2.3.5",
"moment": "^2.19.1",
"path": "^0.12.7",
"pg": "^4.4.4",
"prop-types": "^15.6.0",
"q": "^1.4.1",
"query-string": "^4.2.3",
"react": "15.6.2",
"react-addons-linked-state-mixin": "15.6.2",
"react-dom": "15.6.2",
"react-lightning-design-system": "^2.4.5",
"react-redux": "^5.0.6",
"redux": "^3.5.2",
"redux-saga": "^0.16.0",
"tether": "^1.1.1",
"tether-drop": "^1.4.2",
"vis": "^4.21.0"
},
"devDependencies": {
"archiver": "^1.3.0",
"babel-core": "^6.4.5",
"babel-loader": "^6.2.2",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.3.13",
"babel-preset-stage-3": "^6.3.13",
"commander": "^2.9.0",
"css-loader": "^0.26.1",
"webpack": "^2.6.1",
"style-loader": "^0.13.1",
"enzyme": "^3.1.1",
"eslint": "^4.10.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-html": "^3.2.2",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-json": "^1.2.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.4.0",
"file-loader": "^0.9.0",
"fs": "0.0.1-security",
"history": "^1.17.0",
"html-webpack-plugin": "^2.24.1",
"react-scripts": "^1.0.16",
"react-addons-test-utils": "^15.5.1"
}
}
我们甚至使用WebPack 1.0启动了一个新项目，并且没有安装react-scripts，.babelrc:和相同的webpack.config.js：
一切正常，直到我们尝试从中使用任何组件的那一刻。例如，将按钮示例添加到我们的一个组件之一：
import Button from 'design-system-react/components/button';
<Button label="Hello World!" onClick={this.handleClick} />
当然，我们在组件中实现了handleClick函数
有趣的是，如果我们只是导入按钮起作用而不使用它，它可以工作。
我们得到的例外是：
Uncaught Error: Invalid tag: /static/media/index.8365feb8.jsx
at invariant (invariant.js:42)
at validateDangerousTag (ReactDOMComponent.js:343)
at new ReactDOMComponent (ReactDOMComponent.js:370)
at Object.createInternalComponent (ReactHostComponent.js:39)
at instantiateReactComponent (instantiateReactComponent.js:77)
at instantiateChild (ReactChildReconciler.js:42)
at ReactChildReconciler.js:69
at traverseAllChildrenImpl (traverseAllChildren.js:75)
at traverseAllChildrenImpl (traverseAllChildren.js:91)
at traverseAllChildren (traverseAllChildren.js:170)
at Object.instantiateChildren (ReactChildReconciler.js:68)
at ReactDOMComponent._reconcilerInstantiateChildren (ReactMultiChild.js:183)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:222)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
at Object.mountComponent (ReactReconciler.js:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
at Object.mountComponent (ReactReconciler.js:43)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
at Object.mountComponent (ReactReconciler.js:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
at Object.mountComponent (ReactReconciler.js:43)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
at Object.mountComponent (ReactReconciler.js:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
at Object.mountComponent (ReactReconciler.js:43)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
at Object.mountComponent (ReactReconciler.js:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
at Object.mountComponent (ReactReconciler.js:43)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
at Object.mountComponent (ReactReconciler.js:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:255)
at Object.mountComponent (ReactReconciler.js:43)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:234)
at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:701)
at ReactDOMComponent.mountComponent (ReactDOMComponent.js:520)
我们同时使用了@salesforce-ux/design-system或react-lightning-design-system，在应用程序中没有问题。但是我们想利用这一优势，看起来很棒。
因此，欢迎这里的任何帮助。
从他们的支持中，我得到了解决方案，也将其解决方案发布在此处。我希望这对其他人有帮助。
ES6标签未转移到ES5中。创建React App和大多数插头和播放环境，例如没有在node_modules中找到的转移库。暂时尝试#v0.8.0而不是#v0.8.0-es标签，这是COMPONJS，并解决了react-scripts