Base solution for your next web application
Open Closed

Errors & Issues Getting Started #8863


User avatar
0
jholliday created

I just purchased the product and I'm now following the 'getting started' documentation using a demo project before creating my actual project. I'm using Visual Studio Enterprise 2019, I made the required configuration changes, disabled multi-tenancy, built the solution, updated the database. My demo project name is LH.CCDemo.

When I ran the LH.CCDemo.Web.Host project in IISExpress, the login page was not displayed - no login page, just an error that it was not found. I then manually entered the swagger url and it successfully displayed the API documentation. I was able to display the JSON documents.

When I ran the front-end project (merged) using npm start, I got the following error:

I then returned to Visual Studio and attempted to rebuild the solution. Now it is stuck forever with "Build delayed until Bower/npm packages finish restoring."


4 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @jholliday,

    In order to run the Angular project, could you run the following commands;

    1. yarn
    2. npm start

    Just a note: Don't try to restore NPM packages for Angular project using Visual Studio. It is very slow.

  • User Avatar
    0
    jholliday created

    Well, I didn't actually try to restore the NPM packages. As you can see from the screenshot, I ran "npm start" from the command line after having run yarn. The npm start command failed (as shown above). It was only after I then returned to Visual Studio that I got the "build delayed..." message.

    The point is that "npm start" failed with the abovementioned error:

    cannot find module ...\gulp.js

    How do I resolve the npm error?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @jholliday,

    Sorry, I couldn't see the yarn comman in the screenshot. That's why I suggested it.

    Could you change this line in package.json; "start": "gulp buildDev && ng serve --host 0.0.0.0 --port 4200", to this one any try running npm start again ? "start": "yarn gulp buildDev && ng serve --host 0.0.0.0 --port 4200",

  • User Avatar
    0
    jholliday created

    That got past the gulp error. Thanks. Please explain why this change? Now there are other errors that produce a blank page with "Cannot Get /" in the browser:

    chunk {main} main.js, main.js.map (main) 2.05 kB [initial] [rendered]
    chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 705 bytes [initial] [rendered]
    chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 525 kB [initial] [rendered]
    chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
    chunk {scripts} scripts.js, scripts.js.map (scripts) 1.58 MB [entry] [rendered]
    chunk {styles} styles.js, styles.js.map (styles) 2.06 MB [initial] [rendered]
    chunk {vendor} vendor.js, vendor.js.map (vendor) 339 kB [initial] [rendered]
    Date: 2020-04-14T10:22:41.611Z - Hash: ec6c3233b3b00b85159c - Time: 16283ms
    
    ERROR in src/app/shared/layout/link-account-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/linked-accounts-modal.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    6 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/common/lookup/common-lookup-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/create-new-user-delegation-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/user-delegations-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/login-attempts-modal.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    6 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/profile/change-password-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
     0m                                ~~~~~~~~~~~~~~~
    src/app/shared/layout/profile/change-profile-picture-modal.component.ts:7:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    7 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/profile/sms-verification-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/layout/profile/my-settings-modal.component.ts:11:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    11 import { ModalDirective } from 'ngx-bootstrap';
                                      ~~~~~~~~~~~~~~~
    src/app/shared/layout/notifications/notification-settings-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/common/entityHistory/entity-change-detail-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/common/entityHistory/entity-type-history-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/common/customizable-dashboard/add-widget-modal/add-widget-modal.component.ts:4:32 - error TS2307: Cannot
    find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/shared/common/customizable-dashboard/customizable-dashboard.component.ts:10:54 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    10 import { TabsetComponent, BsDropdownDirective } from 'ngx-bootstrap';
                                                            ~~~~~~~~~~~~~~~
    src/app/shared/common/customizable-dashboard/customizable-dashboard.component.ts:14:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    14 import { ModalDirective } from 'ngx-bootstrap';
                                      ~~~~~~~~~~~~~~~
    src/app/shared/common/app-common.module.ts:8:104 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    8 import { ModalModule, TabsModule, BsDropdownModule, BsDatepickerConfig, BsDaterangepickerConfig } from 'ngx-bootstrap';
                                                                                                             ~~~~~~~~~~~~~~~src/app/main/main.module.ts:7:89 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    7 import { ModalModule, TabsModule, TooltipModule, BsDropdownModule, PopoverModule } from 'ngx-bootstrap';
                                                                                              ~~~~~~~~~~~~~~~
    src/app/admin/organization-units/add-member-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/organization-units/add-role-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/audit-logs/audit-log-detail-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/editions/create-edition-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/editions/edit-edition-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/editions/move-tenants-to-another-edition-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/languages/edit-text-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/languages/create-or-edit-language-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~0m
    src/app/admin/organization-units/create-or-edit-unit-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/roles/create-or-edit-role-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/shared/permission-tree-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/tenants/create-tenant-modal.component.ts:9:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    9 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/tenants/edit-tenant-modal.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    6 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/tenants/tenant-features-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/users/create-or-edit-user-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/users/edit-user-permissions-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/webhook-subscription/create-or-edit-webhook-subscription-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    5 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/webhook-subscription/webhook-subscription-detail.component.ts:9:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    9 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/webhook-subscription/webhook-event-detail.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    6 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/dynamic-entity-parameters/dynamic-parameter/create-or-edit-dynamic-parameter-modal.component.ts:2:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    2 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/dynamic-entity-parameters/entity-dynamic-parameter/create-entity-dynamic-parameter-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/dynamic-entity-parameters/dynamic-parameter/dynamic-parameter-value/create-or-edit-dynamic-parameter-value-modal.component.ts:2:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    2 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/dynamic-entity-parameters/entity-dynamic-parameter/entity-dynamic-parameter-value/manage-entity-dynamic-parameter-values-modal.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    6 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/admin/admin.module.ts:9:89 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    9 import { ModalModule, PopoverModule, TabsModule, TooltipModule, BsDropdownModule } from 'ngx-bootstrap';
                                                                                              ~~~~~~~~~~~~~~~
    src/app/shared/common/session-timeout/session-timeout-modal-component.ts:3:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    3 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    src/app/app.module.ts:18:89 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    18 import { ModalModule, TabsModule, TooltipModule, BsDropdownModule, PopoverModule } from 'ngx-bootstrap';
                                                                                               ~~~~~~~~~~~~~~~
    src/account/shared/tenant-change-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.
    
    4 import { ModalDirective } from 'ngx-bootstrap';
                                     ~~~~~~~~~~~~~~~
    
    ** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ **