Javascript 角度通用意外标记{在npm运行开始时:ssr

Javascript 角度通用意外标记{在npm运行开始时:ssr,javascript,angular,typescript,angular-universal,Javascript,Angular,Typescript,Angular Universal,我正在使用angular universal,我使用以下内容构建页面:npm run build:ssr,没有错误。然后我运行:npm run service:ssr,并得到以下错误: \node_modules\ngx-select-dropdown\dist\components\ngx-select-dropdown-component\ngx-select-dropdown.component.js:9 (ngx-select-dropdown) import { Co

我正在使用angular universal,我使用以下内容构建页面:
npm run build:ssr
,没有错误。然后我运行:
npm run service:ssr
,并得到以下错误:

\node_modules\ngx-select-dropdown\dist\components\ngx-select-dropdown-component\ngx-select-dropdown.component.js:9

     (ngx-select-dropdown)    import { Component, Input, EventEmitter, Output, HostListener, ViewChildren... 
                                     ^
        SyntaxError: Unexpected token {
似乎是ngx select下拉列表导致了此错误。如何修复此错误以便运行ssr

Tsconfig:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

webpack.server.config.js文件中,尝试添加外部配置

const nodeExternals = require('webpack-node-externals');
module.exports = {
...
  target: 'node',
  externals: [nodeExternals({
    // this WILL include
    whitelist: [
        /^ngx-bootstrap/,
        /^ngx-select-dropdown/
    ]
  })],
  resolve: {
    extensions: ['.ts', '.js']
  },
...

我没有webpack.server.config.js文件,我如何生成它?使用命令?你遵循了哪个文档?这是一个官方文件