Javascript 意外的标记{语法错误

（完整的ASP.Net内核+Angular通用代码，位于）

在使用“dotnet run”并导航到任何路由时，我使用Angular Universal从预渲染SPA中得到以下错误。在使用“npm run build:ssr&&npm run start”在ClientApp文件夹中运行时不会发生此错误

这是我在package.json中的内容：

{
  "name": "ModuleIssue",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server",
    "serve:ssr": "node dist/server",
    "build:client-and-server-bundles": "ng build --prod && ng run ModuleIssue:server",
    "webpack:server": "webpack --config webpack.server.config.js --progress --colors",
    "ssr": "npm run build:universal && npm run generate:prerender && npm run server",
    "ssr:debug": "ng build --aot=true --output-hashing=all --named-chunks=false --build-optimizer=true  && ng run ModuleIssue:server:dev && webpack && node server.js",
    "ssr:cw": "ng build --aot=true --output-hashing=all --named-chunks=false --build-optimizer=true --watch",
    "ssr:sw": "ng run MyProject:server:dev --watch",
    "ssr:webpack": "webpack --watch",
    "ssr:server": "nodemon server.js",
    "build:server": "ng run ModuleIssue:server:production",
    "build:prod": "ng build --prod",
    "build:universal": "ng build --prod && ng run ModuleIssue:server:production && webpack --config webpack.server.config.js --progress --colors",
    "server": "node server.js",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "build:prerender": "npm run build:universal && npm run generate:prerender",
    "generate:prerender": "node prerender.js"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/platform-server": "^6.0.0",
    "@angular/router": "^6.0.0",
    "@ng-bootstrap/ng-bootstrap": "^2.2.2",
    "@nguniversal/express-engine": "^6.0.0",
    "@nguniversal/module-map-ngfactory-loader": "^6.0.0",
    "apollo-angular": "^1.1.2",
    "apollo-angular-link-http": "^1.1.1",
    "apollo-cache-inmemory": "^1.2.7",
    "apollo-client": "^2.3.8",
    "aspnet-prerendering": "^3.0.1",
    "bootstrap": "^4.0.0",
    "core-js": "^2.4.1",
    "graphql": "^0.11.0",
    "graphql-tag": "^2.9.2",
    "primeicons": "^1.0.0-beta.10",
    "primeng": "^6.1.0",
    "rxjs": "^6.0.0",
    "rxjs-compat": "^6.0.0-rc.0",
    "ts-loader": "^4.4.2",
    "webpack": "^4.15.1",
    "webpack-cli": "^3.0.8",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.6.0",
    "@angular/cli": "^6.0.0",
    "@angular/compiler-cli": "^6.0.0",
    "@angular/language-service": "^6.0.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~8.0.30",
    "codelyzer": "^4.0.2",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.9.2",
    "uglifyjs-webpack-plugin": "^1.2.7"
  }
}

我的节点和NPM版本：

Node 10.8.0 
NPM 6.3.0

---

我克隆了您的项目，唯一做的更改是，我从引用中删除了Microsoft.AspNetCore.SpaServices.Extensions

---

现在它工作正常。

您在这里的导入中使用了解构：

从“@angular/core”导入{NgModule}

---

解构是ecma 6（）中指定的一项功能。请尝试在

tsconfig.json

中将您的

target

设置为es6。当您构建ssr捆绑包时，它不会从节点模块传输模块，因此不会传输apollo angular

这里有一个解决方案，只需在

angular.json中添加一行即可：

"server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist/server",
        "main": "src/main.server.ts",
        "tsConfig": "src/tsconfig.server.json",
        "bundleDependencies": "all" // add this line
      },
...

然后运行
npm run build:ssr
，您会发现
ClientApp/dist/server/main.js的大小非常大

但是，样式似乎存在一些问题。您如何知道错误来自
节点\模块/apollo angular/ApolloModule.js:1
？请提供其他信息，例如stacktrace、控制台输出等。您好。我已将其更新为包含来自dotnet的完整异常。您可以显示ApolloModule.js吗？必须有其他信息成功了。我仍然收到一个错误。你的node和npm版本是什么？我的是：node 10.8.0、npm 6.3.0 node:v8.11.1和npm:5.6.0我尝试降级，但仍然收到一个错误，但这次显示“意外令牌导入”，仍然在同一行。我将它升级到您的版本，它可以工作，您可以关闭新文件夹并尝试这告诉我原因是其他原因。Dotnet核心版本？我的是2.1.300。刚刚尝试过。我仍然收到相同的错误。它可以工作。谢谢。我稍后会处理布局问题。您的回答解决了问题。
Node 10.8.0 
NPM 6.3.0

"server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist/server",
        "main": "src/main.server.ts",
        "tsConfig": "src/tsconfig.server.json",
        "bundleDependencies": "all" // add this line
      },
...