search

hustcc / gantt-for-react

:herb: Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
https://git.hust.cc/gantt-for-react
MIT License
310 stars 75 forks source link

Uncaught ReferenceError: moment is not defined #8

Closed gravitano closed 6 years ago

gravitano commented 6 years ago 
class MyApp extends Component {
  render() {
    const tasks = [
      {
        id: 'Task 1',
        name: 'Redesign website',
        start: '2016-12-28',
        end: '2016-12-31',
        progress: 20,
        dependencies: 'Task 2, Task 3',
        custom_class: 'bar-milestone', // optional
      },
    ];
    return (
      <ReactGantt tasks={tasks} viewMode={'Day'} />
    );
  }
}
Uncaught ReferenceError: moment is not defined
    at frappe-gantt.js:154
    at Array.map (<anonymous>)
    at prepare_tasks (frappe-gantt.js:151)
    at prepare (frappe-gantt.js:142)
    at change_view_mode (frappe-gantt.js:135)
    at init (frappe-gantt.js:92)
    at new Gantt (frappe-gantt.js:801)
    at ReactGantt.renderFrappeGanttDOM (gantt-for-react.js:93)
    at ReactGantt.componentDidMount (gantt-for-react.js:65)
    at commitLifeCycles (react-dom.development.js:8770)
    at commitAllLifeCycles (react-dom.development.js:9946)
    at HTMLUnknownElement.callCallback (react-dom.development.js:542)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
    at invokeGuardedCallback (react-dom.development.js:438)
    at commitRoot (react-dom.development.js:10050)
    at performWorkOnRoot (react-dom.development.js:11017)
    at performWork (react-dom.development.js:10967)
    at requestWork (react-dom.development.js:10878)
    at scheduleWorkImpl (react-dom.development.js:10732)
    at scheduleWork (react-dom.development.js:10689)
    at Object.enqueueSetState (react-dom.development.js:6212)
    at LoadableComponent../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:237)
    at update (index.js:196)
    at index.js:206
(anonymous) @ frappe-gantt.js:154
prepare_tasks @ frappe-gantt.js:151
prepare @ frappe-gantt.js:142
change_view_mode @ frappe-gantt.js:135
init @ frappe-gantt.js:92
Gantt @ frappe-gantt.js:801
renderFrappeGanttDOM @ gantt-for-react.js:93
componentDidMount @ gantt-for-react.js:65
commitLifeCycles @ react-dom.development.js:8770
commitAllLifeCycles @ react-dom.development.js:9946
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
commitRoot @ react-dom.development.js:10050
performWorkOnRoot @ react-dom.development.js:11017
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
enqueueSetState @ react-dom.development.js:6212
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:237
update @ index.js:196
(anonymous) @ index.js:206
Promise.then (async)
componentWillMount @ index.js:205
callComponentWillMount @ react-dom.development.js:6370
mountClassInstance @ react-dom.development.js:6435
updateClassComponent @ react-dom.development.js:7840
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
scheduleTopLevelUpdate @ react-dom.development.js:11193
updateContainer @ react-dom.development.js:11231
(anonymous) @ react-dom.development.js:15226
unbatchedUpdates @ react-dom.development.js:11102
renderSubtreeIntoContainer @ react-dom.development.js:15225
render @ react-dom.development.js:15290
./src/index.js @ index.js:12
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
fn @ bootstrap e11f36b260dc6681b3c2:112
0 @ localStorage.js:20
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
./node_modules/@firebase/app/dist/index.cjs.js.Object.defineProperty.value @ bootstrap e11f36b260dc6681b3c2:805
(anonymous) @ bootstrap e11f36b260dc6681b3c2:805
index.js:2178 The above error occurred in the <ReactGantt> component:
    in ReactGantt (at ReceptionistReport.js:20)
    in div (created by styled.div)
    in styled.div (at ApplicationLayout.js:20)
    in ApplicationLayout (at ReceptionistReport.js:19)
    in ReceptionistReport (created by LoadableComponent)
    in LoadableComponent (at RequireAuth.js:30)
    in Authentication (created by Connect(Authentication))
    in Connect(Authentication) (created by Route)
    in Route (at appRoutes.js:228)
    in Switch (at appRoutes.js:116)
    in Router (created by BrowserRouter)
    in BrowserRouter (at appRoutes.js:115)
    in AppRoutes (at App.js:42)
    in div (created by styled.div)
    in styled.div (at App.js:40)
    in ThemeProvider (at App.js:39)
    in App (created by Connect(App))
    in Connect(App) (at index.js:14)
    in Provider (at index.js:13)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
__stack_frame_overlay_proxy_console__ @ index.js:2178
logCapturedError @ react-dom.development.js:9747
captureError @ react-dom.development.js:10540
commitRoot @ react-dom.development.js:10058
performWorkOnRoot @ react-dom.development.js:11017
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
enqueueSetState @ react-dom.development.js:6212
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:237
update @ index.js:196
(anonymous) @ index.js:206
Promise.then (async)
componentWillMount @ index.js:205
callComponentWillMount @ react-dom.development.js:6370
mountClassInstance @ react-dom.development.js:6435
updateClassComponent @ react-dom.development.js:7840
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
scheduleTopLevelUpdate @ react-dom.development.js:11193
updateContainer @ react-dom.development.js:11231
(anonymous) @ react-dom.development.js:15226
unbatchedUpdates @ react-dom.development.js:11102
renderSubtreeIntoContainer @ react-dom.development.js:15225
render @ react-dom.development.js:15290
./src/index.js @ index.js:12
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
fn @ bootstrap e11f36b260dc6681b3c2:112
0 @ localStorage.js:20
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
./node_modules/@firebase/app/dist/index.cjs.js.Object.defineProperty.value @ bootstrap e11f36b260dc6681b3c2:805
(anonymous) @ bootstrap e11f36b260dc6681b3c2:805
frappe-gantt.js:154 Uncaught (in promise) ReferenceError: moment is not defined
    at frappe-gantt.js:154
    at Array.map (<anonymous>)
    at prepare_tasks (frappe-gantt.js:151)
    at prepare (frappe-gantt.js:142)
    at change_view_mode (frappe-gantt.js:135)
    at init (frappe-gantt.js:92)
    at new Gantt (frappe-gantt.js:801)
    at ReactGantt.renderFrappeGanttDOM (gantt-for-react.js:93)
    at ReactGantt.componentDidMount (gantt-for-react.js:65)
    at commitLifeCycles (react-dom.development.js:8770)
    at commitAllLifeCycles (react-dom.development.js:9946)
    at HTMLUnknownElement.callCallback (react-dom.development.js:542)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:581)
    at invokeGuardedCallback (react-dom.development.js:438)
    at commitRoot (react-dom.development.js:10050)
    at performWorkOnRoot (react-dom.development.js:11017)
    at performWork (react-dom.development.js:10967)
    at requestWork (react-dom.development.js:10878)
    at scheduleWorkImpl (react-dom.development.js:10732)
    at scheduleWork (react-dom.development.js:10689)
    at Object.enqueueSetState (react-dom.development.js:6212)
    at LoadableComponent../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:237)
    at update (index.js:196)
    at index.js:206
(anonymous) @ frappe-gantt.js:154
prepare_tasks @ frappe-gantt.js:151
prepare @ frappe-gantt.js:142
change_view_mode @ frappe-gantt.js:135
init @ frappe-gantt.js:92
Gantt @ frappe-gantt.js:801
renderFrappeGanttDOM @ gantt-for-react.js:93
componentDidMount @ gantt-for-react.js:65
commitLifeCycles @ react-dom.development.js:8770
commitAllLifeCycles @ react-dom.development.js:9946
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
commitRoot @ react-dom.development.js:10050
performWorkOnRoot @ react-dom.development.js:11017
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
enqueueSetState @ react-dom.development.js:6212
./node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:237
update @ index.js:196
(anonymous) @ index.js:206
Promise.catch (async)
componentWillMount @ index.js:207
callComponentWillMount @ react-dom.development.js:6370
mountClassInstance @ react-dom.development.js:6435
updateClassComponent @ react-dom.development.js:7840
beginWork @ react-dom.development.js:8225
performUnitOfWork @ react-dom.development.js:10224
workLoop @ react-dom.development.js:10288
callCallback @ react-dom.development.js:542
invokeGuardedCallbackDev @ react-dom.development.js:581
invokeGuardedCallback @ react-dom.development.js:438
renderRoot @ react-dom.development.js:10366
performWorkOnRoot @ react-dom.development.js:11014
performWork @ react-dom.development.js:10967
requestWork @ react-dom.development.js:10878
scheduleWorkImpl @ react-dom.development.js:10732
scheduleWork @ react-dom.development.js:10689
scheduleTopLevelUpdate @ react-dom.development.js:11193
updateContainer @ react-dom.development.js:11231
(anonymous) @ react-dom.development.js:15226
unbatchedUpdates @ react-dom.development.js:11102
renderSubtreeIntoContainer @ react-dom.development.js:15225
render @ react-dom.development.js:15290
./src/index.js @ index.js:12
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
fn @ bootstrap e11f36b260dc6681b3c2:112
0 @ localStorage.js:20
__webpack_require__ @ bootstrap e11f36b260dc6681b3c2:707
./node_modules/@firebase/app/dist/index.cjs.js.Object.defineProperty.value @ bootstrap e11f36b260dc6681b3c2:805
(anonymous) @ bootstrap e11f36b260dc6681b3c2:805
hustcc commented 6 years ago

new version is on the way.

hustcc commented 6 years ago

New version v0.2.0 released.