运行Angular 6 SPA时出错

时间:2018-03-21 21:43:11

标签: angular webpack

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

然而,当我嘲笑他的项目时,我收到以下错误;

  

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

     

NodeInvocationException:rxjs.merge不是函数

     

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

运行Func<SomeEntity, string, bool> query = (o,phrase) => o.Name.ToLower() == phrase; // Ideally used in multiple places to clean up code string[] anyPhrases; // Same as above string[] exactPhrases; // Same as above Expression<Func<SomeEntity, bool>> func = (o => (anyPhrases.Any(phrase => query(o,phrase))) || (exactPhrases.All(phrase => query(o,phrase))) );// Same as above, but cleaner with use of Func variable

我得到以下输出;

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

当运行 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

我的package.json文件如下;

    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

现在唯一需要提及的另一点是,在解决方案资源管理器中,我在webpack-cli上有一些警告,我不确定是否需要列出所有软件包?以下是此截图;

Picutre of npm issues from visual studio 2017

有人能指出我在这方面发生的事情的正确方向吗?

1 个答案:

答案 0 :(得分:0)

我通过用 appRef.isStable.pipe

替换该行来修正错误