угловое 6 универсальное приложение производственная ошибка сборки

Question

Я недавно переместил свои угловые 5 универсальных приложений в угловые 6, я создал его с помощью ng generate универсальной команды и следовал ниже по ссылке git hub.

https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/universal-rendering.md#step-4-setting-up-an-express-server-to-run-our-universal-bundles

когда я запускаю команду построения, отображается ошибка ...

npm run build:SSR 

Ошибка: __

ERROR in ./server.ts
Module not found: Error: Can't resolve './dist/server/main.bundle' in 'F:\angular_univarsal_tvtrd'
 @ ./server.ts 20:9-45

Answer 1

Я также перешел с Angular 5 на 6, и у меня возникла проблема при сборке для Universal.Я скачал пример приложения из универсальной угловой вики и сравнил имеющиеся у меня файлы с обсужденными на вики .

. Может быть так много причин, почему сборканапример, работать не будет, я заметил, что одна из моих ошибок была со сценарием

"build:client-and-server-bundles": "ng build --prod && ng run MY-APP-NAME:server",

. Я скопировал и вставил один из вики, но название моего приложения было другим.Я исправил это, так как мой предыдущий скрипт все еще использовал --app, который больше не используется, но теперь мы используем область действия --project, поскольку вы можете видеть изменение в новом файле angular.json, который имеет свойство projects вместо apps .

Другое дело, что в вашем файле server.ts у вас все еще есть

const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main.bundle');

вместо

const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main');

Таким образом, лучший способ решить эту проблему - следить за тем, что они делают в вики, а также сравнивать версии пакетов, которые они используют, и обновлять мины, чтобы соответствовать их пакетам в package.json тех, которые касаются Angular

Надеюсь, это поможет