时间戳

首页 > 解决方案 > Universal React Redux Starter Kit 中的 Ant Design 集成

reactjs - Universal React Redux Starter Kit 中的 Ant Design 集成

问题描述

我正在 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. 我不知道如何解决这个问题

欢迎帮助。谢谢

标签： reactjswebpackbabeljsboilerplateantd

解决方案

推荐阅读