После успешной настройки рендеринга на стороне сервера в angular6, он собирается и работает как SSR, затем приложение перестает работать как базовое приложение, в основном я хотел бы запустить приложение angular6 как npm run start, однако, когда я запустилэта команда, я получил эту ошибку и, похоже, документация к ней не относится.
Приложение создается и служит для рендеринга на стороне сервера, но не как обычное приложение.
Это ошибка, которую я получаю:
ITWS08: A6-Test-3-SSR CC $ npm run start angular@6.0.0 start / eclipse / A6-Test-3-SSR ng serve
Не удалось определитьединый проект для цели «служить».Ошибка: не удалось определить один проект для цели 'serve'.по адресу ServeCommand.getProjectNamesByTarget (/eclipse/A6-Test-3-SSR/node_modules/@angular/cli/models/architect-command.js:175:19) по адресу MergeMapSubscriber._loadWorkspaceAndArchitect.pipe.operaap_concat.jpg/eclipse/A6-Test-3-SSR/node_modules/@angular/cli/models/architect-command.js:50:43) в MergeMapSubscriber._tryNext (/ eclipse / A6-Test-3-SSR / node_modules / rxjs /)internal / operator / mergeMap.js: 122: 27) в MergeMapSubscriber._next (/eclipse/A6-Test-3-SSR/node_modules/rxjs/internal/operators/mergeMap.js:112:18) в MergeMapSubscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber.Subscriber(/eclipse/A6-Test-3-SSR/node_modules/rxjs/internal/Subscriber.js:103:18) в TapSubscriber._next (/ eclipse / A6-Test-3-SSR / node_modules / rxjs / internal / operator /tap.js: 109: 26) в TapSubscriber.Subscriber.next (/eclipse/A6-Test-3-SSR/node_modules/rxjs/internal/Subscriber.js:103:18) в MergeMapSubscriber.notifyNext (/ eclipse / A6-Test-3-SSR / node_modules / rxjs / internal / operator / mergeMap.js: 141: 26) в InnerSubscriber._next (/ eclipse / A6-Test-3-SSR /node_modules / rxjs / internal / InnerSubscriber.js: 30: 21) в InnerSubscriber.Subscriber.next (/eclipse/A6-Test-3->SSR/node_modules/rxjs/internal/Subscriber.js:103:18)
нпм ERR!код ELIFECYCLE npm ERR!errno 1 npm ERR!angular@6.0.0 start: ng serve npm ERR!Статус выхода 1 npm ERR!нпм ERR!Ошибка при запуске сценария angular@6.0.0.нпм ERR!Это, вероятно, не проблема с npm.Вероятно, есть дополнительные выходные данные регистрации.
npm ERR!Полный журнал этого прогона можно найти в: npm ERR!/Users/CC/.npm/_logs/2018-05-29T13_46_21_934Z-debug.log ITWS08: A6-Test-3-SSR CC $
Эти ошибки не отображаются в сборке какрендеринг на стороне сервера
Есть идеи?
Кажется, проблема в angular-cli.json ??
Если я заменю angular-cli.json без серверной стороныконфигурация рендеринга, приложение работает как обычно, но не может собрать SSR
{
"$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"angular.io-example": {
"root": "",
"projectType": "application",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
{
"glob": "favicon.ico",
"input": "src",
"output": "/"
},
{
"glob": "**/*",
"input": "src/assets",
"output": "/assets"
}
],
"styles": [
{"input": "node_modules/font-awesome/css/font-awesome.css"},
{"input": "src/assets/css/flag-icon.css"},
{"input": "src/assets/css/bootstrap.css"},
{"input": "src/assets/css/xmas.css"},
{"input": "src/assets/css/styles.css"},
{"input": "src/assets/css/browser-specific.css"}
],
"scripts": [
{"input": "node_modules/hammerjs/hammer.js"}
]
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "angular.io-example:build"
},
"configurations": {
"production": {
"browserTarget": "angular.io-example:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "angular.io-example:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
{
"input": "styles.css"
}
],
"scripts": [],
"assets": [
{
"glob": "favicon.ico",
"input": "src/",
"output": "/"
},
{
"glob": "**/*",
"input": "src/assets",
"output": "/assets"
}
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
}
}
}
, изменяя angular-cli.json на конфигурацию на стороне сервера, сборка SSR идеально подходит и служит идеальной SSR, но не работает нормально,Я хотел бы знать, как заставить оба мира работать
{
"$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"angular.io-example": {
"root": "",
"projectType": "application",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/browser",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
{
"glob": "favicon.ico",
"input": "src",
"output": "/"
},
{
"glob": "**/*",
"input": "src/assets",
"output": "/assets"
}
],
"styles": [
{"input": "node_modules/font-awesome/css/font-awesome.css"},
{"input": "src/assets/css/flag-icon.css"},
{"input": "src/assets/css/bootstrap.css"},
{"input": "src/assets/css/xmas.css"},
{"input": "src/assets/css/styles.css"},
{"input": "src/assets/css/browser-specific.css"}
],
"scripts": [
{"input": "node_modules/hammerjs/hammer.js"}
]
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": true,
"buildOptimizer": true
}
}
},
"server": {
"builder": "@angular-devkit/build-angular:server",
"options": {
"outputPath": "dist/server",
"main": "src/main.server.ts",
"tsConfig": "src/tsconfig.server.json"
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "angular.server:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
{
"input": "styles.css"
}
],
"scripts": [],
"assets": [
{
"glob": "favicon.ico",
"input": "src/",
"output": "/"
},
{
"glob": "**/*",
"input": "src/assets",
"output": "/assets"
}
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
}
}
}