Previously, in order to test a module optimization problem, an Ng5 scaffold demo was quickly built with angular cli. When applying the lazy loading function, it was found that the browser reported the following errors:
ERROR Error: Uncaught (in promise): TypeError: __webpack_require__.e is not a function
TypeError: __webpack_require__.e is not a function
at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), :15:29)
at SystemJsNgModuleLoader.loadAndCompile (core.js:6554)
at SystemJsNgModuleLoader.load (core.js:6538)
at RouterConfigLoader.loadModuleFactory (router.js:4543)
at RouterConfigLoader.load (router.js:4523)
at MergeMapSubscriber.eval [as project] (router.js:2015)
at MergeMapSubscriber._tryNext (mergeMap.js:128)
at MergeMapSubscriber._next (mergeMap.js:118)
at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
at ScalarObservable._subscribe (ScalarObservable.js:51)
at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), :15:29)
at SystemJsNgModuleLoader.loadAndCompile (core.js:6554)
at SystemJsNgModuleLoader.load (core.js:6538)
at RouterConfigLoader.loadModuleFactory (router.js:4543)
at RouterConfigLoader.load (router.js:4523)
at MergeMapSubscriber.eval [as project] (router.js:2015)
at MergeMapSubscriber._tryNext (mergeMap.js:128)
at MergeMapSubscriber._next (mergeMap.js:118)
at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
at ScalarObservable._subscribe (ScalarObservable.js:51)
at resolvePromise (zone.js:809)
at resolvePromise (zone.js:775)
at eval (zone.js:858)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4736)
at ZoneDelegate.invokeTask (zone.js:420)
at Zone.runTask (zone.js:188)
at drainMicroTaskQueue (zone.js:595)
at ZoneTask.invokeTask [as invoke] (zone.js:500)
at invokeTask (zone.js:1517)
then reconfirmed several times the configuration of the feature module, found that no problem, so began to search for bug source, here had to make complaints about the technology community in the country, too few original, often a problem search, the search engine several pages are the same person answer copy paste version, domestic search no fruit, had to turn out to find. Finally, a scheme was found on stackoverflow and a small version of angular/cli was reduced, as follows:
npm remove -g @angular/cli
npm install -g @angular/[email protected]
npm remove @angular/cli
npm add @angular/[email protected] --save-dev
It’s OK after the operation, but the following problems can’t be solved. I’ll upgrade the version to @ angular here/ [email protected] After (global and local), it is found that the previous problems no longer appear after running again (I hope someone can help explain it)
Similar Posts:
- [Solved] The cause of the wrong prompt instruction [ng: areq] in angular
- [How to Solve] Uncaught ReferenceError: app is not defined
- Angular7:Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’ [Solved]
- Error: loading chunk * failed, Vue router lazy loading error problem solution
- Vim:function definition file not found
- [Solved] Vue router in the element UI navigation bar repeatedly clicks on the menu above version 3.0 and reports errors
- Local workspace file (‘angular.json’) could not be found.
- How to Solve Vue Error: NavigationDuplicated
- [Solved] Error: loading chunk * failed, Vue router lazy loading error
- Vue: How to use Vue-router in Axios