首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >运行Angular 6 SPA时出错

运行Angular 6 SPA时出错
EN

Stack Overflow用户
提问于 2018-03-22 05:43:11
回答 1查看 1.9K关注 0票数 4

我正在尝试使用Visual Studio 2017社区创建一个新的Angular 6 SPA。

然而,当我运行他的项目时,我得到了以下错误;

处理请求时发生未处理的异常。

NodeInvocationException: rxjs.merge不是函数

TypeError:在新的ApplicationRef (webpack://%5Bname%5D_%5Bhash%5D/./node_modules/@angular/core/bundles/core.umd.js?:6758:18)中,rxjs.merge不是函数

运行webpack --config .\webpack.config.vendor.js --mode development

我得到了以下输出;

代码语言:javascript
复制
    Hash: ce0f0762f3389ba7924e2d2c28b9e665b99678a4
Version: webpack 4.2.0
Child
    Hash: ce0f0762f3389ba7924e
    Time: 4181ms
    Built at: 2018-3-21 21:35:28
         Asset      Size  Chunks             Chunk Names
     vendor.js  5.27 MiB  vendor  [emitted]  vendor
    vendor.css   174 KiB  vendor  [emitted]  vendor
    Entrypoint vendor = vendor.js vendor.css

    WARNING in ./node_modules/@angular/core/fesm5/core.js
    7498:15-36 Critical dependency: the request of a dependency is an expression
     @ ./node_modules/@angular/core/fesm5/core.js
     @ dll vendor

    WARNING in ./node_modules/@angular/core/fesm5/core.js
    7518:15-102 Critical dependency: the request of a dependency is an expression
     @ ./node_modules/@angular/core/fesm5/core.js
     @ dll vendor

    WARNING in ./node_modules/@angular/core/fesm5/core.js
    System.import() is deprecated and will be removed soon. Use import() instead.
    For more info visit https://webpack.js.org/guides/code-splitting/
     @ dll vendor 7498:15-36

    WARNING in ./node_modules/@angular/core/fesm5/core.js
    System.import() is deprecated and will be removed soon. Use import() instead.
    For more info visit https://webpack.js.org/guides/code-splitting/
     @ dll vendor 7518:15-102
    Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js!node_modules/bootstrap/dist/css/bootstrap.css:
        Entrypoint undefined = extract-text-webpack-plugin-output-filename
Child
    Hash: 2d2c28b9e665b99678a4
    Time: 4160ms
    Built at: 2018-3-21 21:35:28
        Asset     Size  Chunks             Chunk Names
    vendor.js  5.3 MiB  vendor  [emitted]  vendor
    Entrypoint vendor = vendor.js

    WARNING in ./node_modules/@angular/core/bundles/core.umd.js
    System.import() is deprecated and will be removed soon. Use import() instead.
    For more info visit https://webpack.js.org/guides/code-splitting/
     @ dll vendor 7539:15-36

    WARNING in ./node_modules/@angular/core/bundles/core.umd.js
    System.import() is deprecated and will be removed soon. Use import() instead.
    For more info visit https://webpack.js.org/guides/code-splitting/
     @ dll vendor 7559:15-102

当运行webpack --mode development时,我得到以下输出;

代码语言:javascript
复制
    webpack : (node:22080) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
At line:1 char:1
+ webpack --mode development
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: ((node:22080) De....hooks` instead:String) [], RemoteException
    + FullyQualifiedErrorId : NativeCommandError

Hash: e69114918ff049b5c0ac707c222d6ee8afd2d94a
Version: webpack 4.2.0
Child
    Hash: e69114918ff049b5c0ac
    Time: 7313ms
    Built at: 2018-3-21 21:37:47
                 Asset      Size       Chunks             Chunk Names
        main-client.js   230 KiB  main-client  [emitted]  main-client
    main-client.js.map  2.54 KiB  main-client  [emitted]  main-client
    Entrypoint main-client = main-client.js main-client.js.map
Child
    Hash: 707c222d6ee8afd2d94a
    Time: 7950ms
    Built at: 2018-3-21 21:37:48
             Asset     Size       Chunks             Chunk Names
    main-server.js  3.3 MiB  main-server  [emitted]  main-server
    Entrypoint main-server = main-server.js

我的package.json文件如下;

代码语言:javascript
复制
{
  "name": "Bemfeito.Services.Public",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "test": "karma start ClientApp/test/karma.conf.js"
  },
  "devDependencies": {
    "@angular/animations": "6.0.0-rc.0",
    "@angular/common": "6.0.0-rc.0",
    "@angular/compiler": "6.0.0-rc.0",
    "@angular/compiler-cli": "6.0.0-rc.0",
    "@angular/core": "6.0.0-rc.0",
    "@angular/forms": "6.0.0-rc.0",
    "@angular/http": "6.0.0-rc.0",
    "@angular/platform-browser": "6.0.0-rc.0",
    "@angular/platform-browser-dynamic": "6.0.0-rc.0",
    "@angular/platform-server": "6.0.0-rc.0",
    "@angular/router": "6.0.0-rc.0",
    "@ngtools/webpack": "^1.10.2",
    "@types/chai": "4.1.2",
    "@types/jasmine": "2.8.6",
    "@types/webpack-env": "1.13.5",
    "angular2-router-loader": "0.3.5",
    "angular2-template-loader": "0.6.2",
    "aspnet-prerendering": "^3.0.1",
    "aspnet-webpack": "^2.0.3",
    "awesome-typescript-loader": "4.0.1",
    "bootstrap": "4.0.0",
    "chai": "4.0.2",
    "chalk": "2.3.2",
    "css": "2.2.1",
    "css-loader": "0.28.4",
    "es6-shim": "0.35.3",
    "event-source-polyfill": "0.0.9",
    "expose-loader": "0.7.3",
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "file-loader": "0.11.2",
    "font-awesome": "^4.7.0",
    "html-loader": "0.4.5",
    "html-webpack-plugin": "^3.0.7",
    "isomorphic-fetch": "2.2.1",
    "jasmine-core": "2.6.4",
    "jquery": "3.2.1",
    "json-loader": "0.5.4",
    "karma": "1.7.0",
    "karma-chai": "0.1.0",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-jasmine": "1.1.0",
    "karma-webpack": "3.0.0",
    "mini-css-extract-plugin": "0.2.0",
    "popper.js": "1.14.1",
    "preboot": "6.0.0-beta.3",
    "raw-loader": "0.5.1",
    "reflect-metadata": "0.1.10",
    "rxjs": "^5.5.7",
    "style-loader": "0.18.2",
    "to-string-loader": "1.1.5",
    "typescript": "2.7.2",
    "url-loader": "0.5.9",
    "webpack": "^4.2.0",
    "webpack-addons": "^1.1.5",
    "webpack-cli": "^2.0.12",
    "webpack-hot-middleware": "2.21.2",
    "webpack-merge": "4.1.2",
    "zone.js": "0.8.20"
  }
}

现在唯一要提到的另一点是,在解决方案资源管理器中,我对webpack-cli有一些警告,我不确定是否需要列出所有的包?下面是这个的截图;

关于这里发生的事情,有人能给我指出正确的方向吗?

EN

回答 1

Stack Overflow用户

发布于 2018-06-03 07:38:16

我通过将该行替换为appRef.isStable.pipe修复了该错误

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49417013

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档