Javascript 角度通用意外标记{在npm运行开始时:ssr
我正在使用angular universal,我使用以下内容构建页面: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
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文件,我如何生成它?使用命令?你遵循了哪个文档?这是一个官方文件