Closed Arunaliyanaarachchi closed 4 years ago
Hello, this issue tracker is not the correct forum for support requests. Better options include StackOverflow or Gitter.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.
I'm Trying to add SSR for my angular application and after days i was able to finally Build it right.
Build Command : npm run build:ssr
Out Put :
then I want to test it using serverless offline : npm run serve:ssr
* Now the Problem is when i try to invoke URL : http://localhost:3000 I'm Getting Below error*****
****. This is My Server.ts File. ****8
import { AppRoutingModule } from './app-routing.module'; import Amplify,{ Auth } from '@aws-amplify/auth'; import awsconfig from '../aws-exports';
import { BrowserModule } from '@angular/platform-browser'; import { NgModule, Component } from '@angular/core'; import { AppComponent } from './app.component'; import { IbrainmartHeaderComponent } from './ibrainmart-header/ibrainmart-header.component'; import { CreatenewprojectComponent } from './project/createnewproject/createnewproject.component'; import { ProjectheaderComponent } from './project/createnewproject/projectitems/projectheader/projectheader.component'; import { ImageuploadComponent } from './project/createnewproject/projectitems/imageupload/imageupload.component'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; // import { AngularFontAwesomeModule } from 'angular-font-awesome'; import { Routes, RouterModule} from '@angular/router';
// Angular Material Imports import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import {MatCheckboxModule} from '@angular/material/checkbox'; import { ProjecttitleComponent } from './project/createnewproject/projectitems/projecttitle/projecttitle.component'; import {MatSelectModule} from '@angular/material/select'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatInputModule} from '@angular/material/input'; import {MatToolbarModule} from '@angular/material/toolbar'; import { ItemimageuploaderComponent } from './project/createnewproject/projectitems/itemimageuploader/itemimageuploader.component'; import { SaleitemComponent } from './project/createnewproject/projectitems/saleitem/saleitem.component'; import {MatCardModule} from '@angular/material/card'; import { DownloadbleitemComponent } from './project/createnewproject/projectitems/downloadbleitem/downloadbleitem.component'; import { NosellingitemComponent } from './project/createnewproject/projectitems/nosellingitem/nosellingitem.component'; import { IbrainmartFooterComponent } from './ibrainmart-footer/ibrainmart-footer.component'; import { StepsComponent } from './project/createnewproject/projectitems/steps/steps.component'; import { ProjectmanagetoolbarComponent } from './project/createnewproject/projectitems/projectmanagetoolbar/projectmanagetoolbar.component'; import {MatTabsModule} from '@angular/material/tabs'; import {MatExpansionModule} from '@angular/material/expansion'; import { SelectDropDownModule } from 'ngx-select-dropdown' import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; import { NgSelectModule } from '@ng-select/ng-select'; import {MatIconModule} from '@angular/material/icon'; import { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime'; import { MatProgressBarModule } from '@angular/material/progress-bar'; import {DragDropModule} from '@angular/cdk/drag-drop'; import {MatSidenavModule} from '@angular/material/sidenav'; import {MatDialogModule} from '@angular/material/dialog'; import {MatButtonModule} from '@angular/material/button'; import {MatSnackBarModule} from '@angular/material/snack-bar'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatTableModule} from '@angular/material/table';
// Services
import { HomepageComponent } from './homepage/homepage.component'; import { LocationService } from './common/services/globalvariables.service'; import { ProfileComponent } from './profile/profile.component'; import { ProfilemanagerComponent } from './profile/profilemanager/profilemanager.component'; import { AccountsettingsComponent } from './profile/profilemanager/accountsettings/accountsettings.component'; import { ManageaddressComponent } from './profile/profilemanager/manageaddress/manageaddress.component'; import { PaymentmethodsComponent } from './profile/profilemanager/paymentmethods/paymentmethods.component'; import { NotificationsComponent } from './profile/profilemanager/notifications/notifications.component';
// AWS
import { SignupComponent } from './signup/signup.component';
import { HttpClientModule } from '@angular/common/http'; import { AccordionModule } from 'ngx-bootstrap/accordion'; import { AlertModule } from 'ngx-bootstrap/alert'; import { ButtonsModule } from 'ngx-bootstrap/buttons'; import { CarouselModule } from 'ngx-bootstrap/carousel'; import { CollapseModule } from 'ngx-bootstrap/collapse'; import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; import { ModalModule } from 'ngx-bootstrap/modal'; import { PaginationModule } from 'ngx-bootstrap/pagination'; import { PopoverModule } from 'ngx-bootstrap/popover'; import { ProgressbarModule } from 'ngx-bootstrap/progressbar'; import { RatingModule } from 'ngx-bootstrap/rating'; import { SortableModule } from 'ngx-bootstrap/sortable'; import { TabsModule } from 'ngx-bootstrap/tabs'; import { TooltipModule } from 'ngx-bootstrap/tooltip'; import { TypeaheadModule } from 'ngx-bootstrap/typeahead'; import {SortablejsModule} from 'ngx-sortablejs'; import { ShippingComponent } from './project/createnewproject/shipping/shipping.component'; import { TestComponent } from './test/test.component'; import { ProjectvideoComponent } from './project/createnewproject/projectitems/projectheader/projectvideo/projectvideo.component'; import { LoadprojectComponent } from './project/createnewproject/loadproject/loadproject.component'; import { PricevariantComponent } from './project/createnewproject/pricevariant/pricevariant.component'; import { UserprojectlistComponent } from './project/userprojectlist/userprojectlist.component'; import { UserprojectitemComponent } from './project/userprojectlist/userprojectitem/userprojectitem.component'; import { DisplayprojectComponent } from './project/displayproject/displayproject.component'; import { ProjectitemComponent } from './project/displayproject/projectitem/projectitem.component'; import { ProjectitemimagesComponent } from './project/displayproject/projectitemimages/projectitemimages.component'; import { ProjectstepsComponent } from './project/displayproject/projectsteps/projectsteps.component'; import { ProjectratingComponent } from './project/displayproject/projectrating/projectrating.component'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { CreateProjectResolver} from './project/createnewproject/createnewprojectresolver'; import {UserProjectListResolver} from './project/userprojectlist/userprojectlistresolver' import {DisplayprojectResolver} from './project/displayproject/DisplayprojectResolver'; import { GetprojectratingComponent } from './project/displayproject/getprojectrating/getprojectrating.component'; import {ProfileDataResolver} from './profile/profiledataresolver'; import { ShoppingCartComponent } from './checkout/shopping-cart/shopping-cart.component' import { ShoppingCartResolver } from './checkout/shopping-cart/shopping-cart-resolver'; import { PaymentComponent } from './checkout/payment/payment.component'; import { PaymentDetailsResolver } from './checkout/payment/PaymentDetailsResolver'; import { PaypalComponent } from './checkout/payment/paypal/paypal.component'; import { NgxPayPalModule } from 'ngx-paypal'; import { OrderPreviewComponent } from './checkout/order-preview/order-preview.component'; import { OrdersComponent } from './orders/orders.component'; import { OrderHistoryResolver } from './orders/OrderHistoryResolver'; import { ConfirmComponent } from './checkout/paymentconfimation/confirm/confirm.component'; import { ProjectpreviewComponent } from './homepage/projectpreview/projectpreview.component'; import { HomepageResolver } from './homepage/HomepageResolver'; import { ContactusComponent } from './project/createnewproject/projectitems/contactus/contactus.component';
// Google MAP import { AgmCoreModule } from '@agm/core'; import { ServicepriceComponent } from './project/createnewproject/serviceprice/serviceprice.component'; import { BusinesslocationComponent } from './project/displayproject/businesslocation/businesslocation.component';
// import { ImageCropperModule } from 'ngx-image-cropper'; import{ImageCropperModule} from 'src/app/project/createnewproject/projectitems/imageupload/image-cropper/image-cropper.module'
import { QuillModule } from 'ngx-quill' import { NgxFloatButtonModule } from 'ngx-float-button'; import { HighlightModule } from 'ngx-highlightjs'; import { SellerpannelComponent } from './sellerpannel/sellerpannel.component'; import { SellerHubResolver } from './sellerpannel/SellerHubResolver'; import { CasesComponent } from './sellerpannel/cases/cases.component'; import { HistoryComponent } from './sellerpannel/history/history.component'; import { AccountComponent } from './sellerpannel/account/account.component'; import { OrderitemComponent } from './sellerpannel/orderitem/orderitem.component'; import { OrderlistComponent } from './sellerpannel/orderlist/orderlist.component'; import { TimelineComponent } from './timeline/timeline.component'; import { OrderhistoryItemComponent } from './orders/orderhistory-item/orderhistory-item.component'; import { ProjectpublishComponent } from './project/createnewproject/projectpublish/projectpublish.component'; import { PersonalinfoComponent } from './profile/personalinfo/personalinfo.component'; import { PublicprofileComponent } from './profile/publicprofile/publicprofile.component'; import { PublicProfileResolver } from './profile/publicprofile/publicprofileResolver'; import { UserpublicprofileprojectdisplayComponent } from './profile/publicprofile/userpublicprofileprojectdisplay/userpublicprofileprojectdisplay.component'; import { ChatComponent } from './chat/chat.component'; import { ChatgroupHeaderComponent } from './chat/chatgroup-header/chatgroup-header.component'; import { ChatgroupDetailsComponent } from './chat/chatgroup-details/chatgroup-details.component'; import { ChatResolver } from './chat/chatResolver'; import { PaypallinkComponent } from './paypallink/paypallink.component'; import { UserNotLogInComponent } from './user-not-log-in/user-not-log-in.component'; import { LicensagreementComponent } from './licensagreement/licensagreement.component'; import { CookiepolicyComponent } from './cookiepolicy/cookiepolicy.component';
// ng-Zorro-antd import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; import { NzTimePickerModule } from 'ng-zorro-antd/time-picker'; import { NZ_I18N, en_US } from 'ng-zorro-antd'; import { registerLocaleData } from '@angular/common'; import en from '@angular/common/locales/en'; registerLocaleData(en); import { NzTimelineModule } from 'ng-zorro-antd/timeline'; import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'; import { NzDropDownModule } from 'ng-zorro-antd/dropdown'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzListModule } from 'ng-zorro-antd/list'; import { ServicecalenderComponent } from './sellerpannel/servicecalender/servicecalender.component'; import { NzCalendarModule } from 'ng-zorro-antd/calendar'; import { NzStatisticModule } from 'ng-zorro-antd/statistic'; import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; import { NzBadgeModule } from 'ng-zorro-antd/badge'; import { NzTagModule } from 'ng-zorro-antd/tag'; import { NzSelectModule } from 'ng-zorro-antd/select'; import { NzRateModule } from 'ng-zorro-antd/rate'; import { NzSwitchModule } from 'ng-zorro-antd/switch'; import { NzAlertModule } from 'ng-zorro-antd/alert'; import { TimelineactionComponent } from './timeline/timelineaction/timelineaction.component'; import { NzUploadModule } from 'ng-zorro-antd/upload'; import { NzToolTipModule } from 'ng-zorro-antd/tooltip'; import { StatusComponent } from './profile/status/status.component'; import { NzProgressModule } from 'ng-zorro-antd/progress'; import { NzInputModule } from 'ng-zorro-antd/input'; import { NzAffixModule } from 'ng-zorro-antd/affix'; import { NzEmptyModule } from 'ng-zorro-antd/empty';
import { ShareButtonsModule } from '@ngx-share/buttons'; import './icons'; import { DepositComponent } from './sellerpannel/deposit/deposit.component'; import { CommentsComponent } from './project/displayproject/comments/comments.component'; import { ReviewComponent } from './project/displayproject/review/review.component'; import { AddressmodalComponent } from './checkout/addressmodal/addressmodal.component';
Amplify.configure(awsconfig);
@NgModule({ declarations: [ AppComponent, IbrainmartHeaderComponent, CreatenewprojectComponent, ProjectheaderComponent, ImageuploadComponent, ProjecttitleComponent, ItemimageuploaderComponent, SaleitemComponent, DownloadbleitemComponent, NosellingitemComponent, IbrainmartFooterComponent, StepsComponent, ProjectmanagetoolbarComponent, HomepageComponent, ProfileComponent, ProfilemanagerComponent, AccountsettingsComponent, ManageaddressComponent, PaymentmethodsComponent, NotificationsComponent, SignupComponent, ShippingComponent, TestComponent, ProjectvideoComponent, LoadprojectComponent, PricevariantComponent, UserprojectlistComponent, UserprojectitemComponent, DisplayprojectComponent, ProjectitemComponent, ProjectitemimagesComponent, ProjectstepsComponent, ProjectratingComponent, GetprojectratingComponent, ShoppingCartComponent, PaymentComponent, PaypalComponent, OrderPreviewComponent, OrdersComponent, ConfirmComponent, ProjectpreviewComponent, ContactusComponent, ServicepriceComponent, BusinesslocationComponent, SellerpannelComponent, CasesComponent, HistoryComponent, AccountComponent, OrderitemComponent, OrderlistComponent, TimelineComponent, OrderhistoryItemComponent, ProjectpublishComponent, PersonalinfoComponent, PublicprofileComponent, UserpublicprofileprojectdisplayComponent, ChatComponent, ChatgroupHeaderComponent, ChatgroupDetailsComponent, PaypallinkComponent, UserNotLogInComponent, LicensagreementComponent, CookiepolicyComponent, ServicecalenderComponent, TimelineactionComponent, StatusComponent, DepositComponent, CommentsComponent, ReviewComponent, AddressmodalComponent ], imports: [ BrowserModule.withServerTransition({ appId: 'serverApp' }), HttpClientModule, AppRoutingModule, MatProgressBarModule, BrowserAnimationsModule, MatCheckboxModule, MatSelectModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, MatInputModule, MatToolbarModule, MatCardModule, // AngularFontAwesomeModule, MatTabsModule, MatExpansionModule,
], providers: [ LocationService, CreateProjectResolver, UserProjectListResolver , DisplayprojectResolver, ProfileDataResolver, ShoppingCartResolver, PaymentDetailsResolver, OrderHistoryResolver, HomepageResolver, SellerHubResolver, PublicProfileResolver, ChatResolver,
], bootstrap: [AppComponent], entryComponents :[CreatenewprojectComponent,AddressmodalComponent,ProjectratingComponent,TimelineactionComponent ,ReviewComponent,ProjectpublishComponent , UserNotLogInComponent ,LicensagreementComponent , CookiepolicyComponent] }) export class AppModule { }