错误 Angular 5 + NGX_Restangular + Webpack-dev-server答案

【问题标题】：Error Angular 5 + NGX_Restangular + Webpack-dev-server错误 Angular 5 + NGX_Restangular + Webpack-dev-server
【发布时间】：2018-04-09 00:34:03
【问题描述】：

使用 Angular 5 + NGX_Restangular + Webpack-dev-server

Angular 5
"ngx-restangular": "2.2.3"
"webpack": "4.5.0",
"webpack-dev-server": "3.1.3"

成功构建应用程序并启动 Web 服务器 = ng serve

运行ng eject后使用webpack在web服务器上运行应用程序失败

npm start

npm start = '"start": "webpack-dev-server --port=4200"'

Chrome 控制台：

    core.js:1448 ERROR Error: Uncaught (in promise): TypeError: _.isArray is not a function
TypeError: _.isArray is not a function
    at RestangularFactory (ngx-restangular.config.js:11)
    at _callFactory (core.js:10916)
    at _createProviderInstance$1 (core.js:10868)
    at resolveNgModuleDep (core.js:10850)
    at _createClass (core.js:10895)
    at _createProviderInstance$1 (core.js:10865)
    at resolveNgModuleDep (core.js:10850)
    at NgModuleRef_.webpackJsonp../node_modules/@angular/core/esm5/core.js.NgModuleRef_.get (core.js:12087)
    at resolveNgModuleDep (core.js:10854)
    at NgModuleRef_.webpackJsonp../node_modules/@angular/core/esm5/core.js.NgModuleRef_.get (core.js:12087)
    at RestangularFactory (ngx-restangular.config.js:11)
    at _callFactory (core.js:10916)
    at _createProviderInstance$1 (core.js:10868)
    at resolveNgModuleDep (core.js:10850)
    at _createClass (core.js:10895)
    at _createProviderInstance$1 (core.js:10865)
    at resolveNgModuleDep (core.js:10850)
    at NgModuleRef_.webpackJsonp../node_modules/@angular/core/esm5/core.js.NgModuleRef_.get (core.js:12087)
    at resolveNgModuleDep (core.js:10854)
    at NgModuleRef_.webpackJsonp../node_modules/@angular/core/esm5/core.js.NgModuleRef_.get (core.js:12087)
    at resolvePromise (zone.js:814)
    at resolvePromise (zone.js:771)
    at zone.js:873
    at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4740)
    at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.webpackJsonp../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)

这只发生在我注入 restangular 并使用 webpack-dev-server 时。

import { Component, OnInit} from '@angular/core';
import { Restangular } from 'ngx-restangular';

@Component({
  selector: 'app-onenote-open',
  templateUrl: './onenote-open.component.html',
  styleUrls: ['./onenote-open.component.scss']
})
export class OnenoteOpenComponent implements OnInit {

  constructor(@Inject(Restangular) public xxx) { }

  ngOnInit() {
  }

}

【问题讨论】：

标签： angular5 webpack-dev-server restangular

【解决方案1】：

ngx-restangular 2.2.3 和 ng ejects 似乎有问题 > webpack.config.js

使用package.json 解决的问题> "ngx-restangular": "2.3.0-beta.3"

【讨论】：