Universal React Redux入门套件中的Ant Design集成

问题描述 投票:0回答:0

我正在React上开始一个新项目,我想使用这个堆栈:React Router 4 + Redux + Universal Rendering + Ant Design

我发现不错的入门套件https://github.com/combine/universal-react-redux可以满足我的大部分需求,除了它使用语义UI而不是Ant Design

我正按照本文https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the的说明,像在另一个工作项目中所做的那样尝试将Ant Design集成到其中。 -missing-guide-c6430f2db10f

当我尝试在Home组件中使用Ant Design Button时,出现此错误

(function (exports, require, module, __filename, __dirname) { import Button from './button';
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Object.obj.(anonymous function) [as runInThisContext] (/Users/Arnaud/Documents/Tepee/src/universal-react-redux/node_modules/node-dev/lib/hook.js:30:19)
    at Module._compile (module.js:607:28)
    at Module._extensions..js (module.js:654:10)
    at nodeDevHook (/Users/Arnaud/Documents/Tepee/src/universal-react-redux/node_modules/node-dev/lib/hook.js:61:7)
    at require.extensions.(anonymous function) (/Users/Arnaud/Documents/Tepee/src/universal-react-redux/node_modules/babel-register/lib/node.js:152:7)
    at Object.nodeDevHook [as .js] (/Users/Arnaud/Documents/Tepee/src/universal-react-redux/node_modules/node-dev/lib/hook.js:61:7)
    at Module.load (module.js:556:32)
    at tryModuleLoad (module.js:499:12)
[ERROR] 00:14:04 SyntaxError

我对错误的了解是,在这种情况下未使用babel(因为无法理解导入),但是

  1. 我不明白为什么它适用于其他图书馆而不适用于antd
  2. 我不知道该如何解决

欢迎提供帮助。 谢谢

reactjs webpack babeljs boilerplate antd
© www.soinside.com 2019 - 2024. All rights reserved.