TypeError: _this.load is not a function

[jiluhu]

TypeError: _this.load is not a function
new DynamicComponent
node_modules/_dva@2.4.1@dva/lib/dynamic.js:67
64 | AsyncComponent: null
65 | };
66 |

67 | _this.load();
| ^ 68 |
69 | return _this;
70 | }
View compiled
constructClassInstance
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:11326
11323 | }
11324 | }
11325 |
11326 | var instance = new ctor(props, context);
| ^ 11327 | var state = workInProgress.memoizedState = instance.state !== null && instance.state !== undefined ? instance.state : null;
11328 | adoptClassInstance(workInProgress, instance);
11329 |
View compiled
updateClassComponent
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:14652
14649 | workInProgress.effectTag |= Placement;
14650 | }
14651 | // In the initial pass we might need to construct the instance.
14652 | constructClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
| ^ 14653 | mountClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
14654 | shouldUpdate = true;
14655 | } else if (current$$1 === null) {
View compiled
beginWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:15609
15606 | var _Component2 = workInProgress.type;
15607 | var _unresolvedProps = workInProgress.pendingProps;
15608 | var _resolvedProps = workInProgress.elementType === _Component2 ? _unresolvedProps : resolveDefaultProps(_Component2, _unresolvedProps);
15609 | return updateClassComponent(current$$1, workInProgress, _Component2, _resolvedProps, renderExpirationTime);
| ^ 15610 | }
15611 | case HostRoot:
15612 | return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
View compiled
performUnitOfWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:19277
19274 | startProfilerTimer(workInProgress);
19275 | }
19276 |
19277 | next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
| ^ 19278 | workInProgress.memoizedProps = workInProgress.pendingProps;
19279 |
19280 | if (workInProgress.mode & ProfileMode) {
View compiled
workLoop
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:19317
19314 | if (!isYieldy) {
19315 | // Flush work without yielding
19316 | while (nextUnitOfWork !== null) {
19317 | nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
| ^ 19318 | }
19319 | } else {
19320 | // Flush asynchronous work until there's a higher priority event
View compiled
HTMLUnknownElement.callCallback
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:149
146 | window.event = windowEvent;
147 | }
148 |
149 | func.apply(context, funcArgs);
| ^ 150 | didError = false;
151 | }
152 |
View compiled
invokeGuardedCallbackDev
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:199
196 | // Synchronously dispatch our fake event. If the user-provided function
197 | // errors, it will trigger our global error handler.
198 | evt.initEvent(evtType, false, false);
199 | fakeNode.dispatchEvent(evt);
| ^ 200 |
201 | if (windowEventDescriptor) {
202 | Object.defineProperty(window, 'event', windowEventDescriptor);
View compiled
invokeGuardedCallback
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:256
253 | function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
254 | hasError = false;
255 | caughtError = null;
256 | invokeGuardedCallbackImpl$1.apply(reporter, arguments);
257 | }
258 |
259 | /**
View compiled
replayUnitOfWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:18543
18540 | // Replay the begin phase.
18541 | isReplayingFailedUnitOfWork = true;
18542 | originalReplayError = thrownValue;
18543 | invokeGuardedCallback(null, workLoop, null, isYieldy);
| ^ 18544 | isReplayingFailedUnitOfWork = false;
18545 | originalReplayError = null;
18546 | if (hasCaughtError()) {
View compiled
renderRoot
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:19433
19430 | if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
19431 | if (mayReplay) {
19432 | var failedUnitOfWork = nextUnitOfWork;
19433 | replayUnitOfWork(failedUnitOfWork, thrownValue, isYieldy);
| ^ 19434 | }
19435 | }
19436 |
View compiled
performWorkOnRoot
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20307
20304 | // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
20305 | cancelTimeout(timeoutHandle);
20306 | }
20307 | renderRoot(root, isYieldy);
| ^ 20308 | finishedWork = root.finishedWork;
20309 | if (finishedWork !== null) {
20310 | // We've completed the root. Commit it.
View compiled
performWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20219
20216 | }
20217 | } else {
20218 | while (nextFlushedRoot !== null && nextFlushedExpirationTime !== NoWork && minExpirationTime <= nextFlushedExpirationTime) {
20219 | performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
| ^ 20220 | findHighestPriorityRoot();
20221 | }
20222 | }
View compiled
performSyncWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20193
20190 | }
20191 |
20192 | function performSyncWork() {
20193 | performWork(Sync, false);
20194 | }
20195 |
20196 | function performWork(minExpirationTime, isYieldy) {
View compiled
requestWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20062
20059 |
20060 | // TODO: Get rid of Sync and use current time?
20061 | if (expirationTime === Sync) {
20062 | performSyncWork();
| ^ 20063 | } else {
20064 | scheduleCallbackWithExpirationTime(root, expirationTime);
20065 | }
View compiled
scheduleWork
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:19876
19873 | // ...unless this is a different root than the one we're rendering.
19874 | nextRoot !== root) {
19875 | var rootExpirationTime = root.expirationTime;
19876 | requestWork(root, rootExpirationTime);
| ^ 19877 | }
19878 | if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
19879 | // Reset this back to zero so subsequent updates don't throw.
View compiled
scheduleRootUpdate
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20537
20534 |
20535 | flushPassiveEffects();
20536 | enqueueUpdate(current$$1, update);
20537 | scheduleWork(current$$1, expirationTime);
20538 |
20539 | return expirationTime;
20540 | }
View compiled
updateContainerAtExpirationTime
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20565
20562 | container.pendingContext = context;
20563 | }
20564 |
20565 | return scheduleRootUpdate(current$$1, element, expirationTime, callback);
20566 | }
20567 |
20568 | function findHostInstance(component) {
View compiled
updateContainer
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20622
20619 | var current$$1 = container.current;
20620 | var currentTime = requestCurrentTime();
20621 | var expirationTime = computeExpirationForFiber(currentTime, current$$1);
20622 | return updateContainerAtExpirationTime(element, container, parentComponent, expirationTime, callback);
20623 | }
20624 |
20625 | function getPublicRootInstance(container) {
View compiled
ReactRoot../node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js.ReactRoot.render
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20918
20915 | if (callback !== null) {
20916 | work.then(callback);
20917 | }
20918 | updateContainer(children, root, null, work._onCommit);
20919 | return work;
20920 | };
20921 | ReactRoot.prototype.unmount = function (callback) {
View compiled
(anonymous function)
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:21055
21052 | if (parentComponent != null) {
21053 | root.legacy_renderSubtreeIntoContainer(parentComponent, children, callback);
21054 | } else {
21055 | root.render(children, callback);
| ^ 21056 | }
21057 | });
21058 | } else {
View compiled
unbatchedUpdates
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:20424
20421 | isUnbatchingUpdates = false;
20422 | }
20423 | }
20424 | return fn(a);
20425 | }
20426 |
20427 | // TODO: Batching should be implemented at the renderer level, not within
View compiled
legacyRenderSubtreeIntoContainer
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:21051
21048 | };
21049 | }
21050 | // Initial mount should not be batched.
21051 | unbatchedUpdates(function () {
| ^ 21052 | if (parentComponent != null) {
21053 | root.legacy_renderSubtreeIntoContainer(parentComponent, children, callback);
21054 | } else {
View compiled
render
node_modules/_react-dom@16.8.5@react-dom/cjs/react-dom.development.js:21120
21117 | {
21118 | !!container._reactHasBeenPassedToCreateRootDEV ? warningWithoutStack$1(false, 'You are calling ReactDOM.render() on a container that was previously ' + 'passed to ReactDOM.%s(). This is not supported. ' + 'Did you mean to call root.render(element)?', enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot') : void 0;
21119 | }
21120 | return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
| ^ 21121 | },
21122 | unstable_renderSubtreeIntoContainer: function (parentComponent, element, containerNode, callback) {
21123 | !isValidContainer(containerNode) ? invariant(false, 'Target container is not a DOM element.') : void 0;
View compiled
oldRender
src/pages/.umi/umi.js:23
20 | const rootContainer = window.g_plugins.apply('rootContainer', {
21 | initialValue: React.createElement(require('./router').default),
22 | });
23 | ReactDOM.render(
| ^ 24 | rootContainer,
25 | document.getElementById('root'),
26 | );
View compiled
(anonymous function)
node_modules/_umi@2.6.10@umi/lib/runtimePlugin.js:60
57 | var initialValue = _ref.initialValue;
58 | if (typeof item === 'string') item = getItem(item);
59 | return function () {
60 | return _compose.apply(void 0, _toConsumableArray(item).concat([initialValue]))();
61 | };
62 | }
63 | export function apply(item, _ref2) {
View compiled
(anonymous function)
src/pages/.umi/umi.js:33
30 | const moduleBeforeRendererPromises = [];
31 |
32 | Promise.all(moduleBeforeRendererPromises).then(() => {
33 | render();
34 | }).catch((err) => {
35 | window.console && window.console.error(err);
36 | });
View compiled

[TuuuNya]

在哪报的错啊 怎么复现啊

[jiluhu]

npm -v
5.3.0
node -v
v8.4.0
执行:npm run start
浏览器会跳到http://localhost:8000/list
页面显示上面的异常

[AnYeMoWang]

@jiluhu 感觉你的node和npm版本有些过老。建议先做一下升级

[jiluhu]

@AnYeMoWang 恩恩，在试其他版本，有没有推荐的node版本？

[AnYeMoWang]

@AnYeMoWang 恩恩，在试其他版本，有没有推荐的node版本？

最新版本就可以