Open Closed

The ABP Pro Boot template could not boot the front end #750


User avatar
0
15937823 created
  • ABP Framework version: v4.1.0
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Seperated (Angular): yes
  • Exception message and stack trace:
  • Steps to reproduce the issue:

PS E:\Abp-Bms\angular> yarn start
yarn run v1.22.10
$ ng serve --open
Warning: Entry point '@volo/abp.ng.theme.lepton' contains deep imports into 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1', 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2', 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3', 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4', 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5', 'E:/Abp-Bms/angular/node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6'. This is probably not a problem, but may 
cause the compilation of entry points to be out of order.
√ Browser application bundle generation complete.

Initial Chunk Files                                         | Names                                                    |      Size
vendor.js                                                   | vendor                                                   |   6.38 MB
bootstrap-ltr.min.css, bootstrap-ltr.min.js                 | bootstrap-ltr.min                                        |   1.48 MB
bootstrap-rtl.min.css, bootstrap-rtl.min.js                 | bootstrap-rtl.min                                        | 750.16 kB
fontawesome-all.min.css, fontawesome-all.min.js             | fontawesome-all.min                                      | 520.65 kB
polyfills.js                                                | polyfills                                                | 492.95 kB
flag-icon.min.css, flag-icon.min.js                         | flag-icon.min                                            | 428.62 kB
fontawesome-v4-shims.min.css, fontawesome-v4-shims.min.js   | fontawesome-v4-shims.min                                 | 420.16 kB
ngx-datatable-material.css, ngx-datatable-material.js       | ngx-datatable-material                                   | 377.12 kB
ngx-datatable-index.css, ngx-datatable-index.js             | ngx-datatable-index                                      | 362.04 kB
ngx-datatable-icons.css, ngx-datatable-icons.js             | ngx-datatable-icons                                      | 350.10 kB
styles.css, styles.js                                       | styles                                                   | 347.18 kB
main.js                                                     | main                                                     |  64.13 kB
runtime.js                                                  | runtime                                                  |  27.38 kB

                                                            | Initial Total                                            |  11.90 MB

Lazy Chunk Files                                            | Names                                                    |      Size
volo-abp-ng-identity.js                                     | volo-abp-ng-identity                                     |   1.80 MB
chart-js.js                                                 | chart-js                                                 |   1.09 MB
volo-abp-ng-identity-server.js                              | volo-abp-ng-identity-server                              | 451.10 kB
theme.lepton6.js                                            | theme.lepton6                                            | 288.70 kB
theme.lepton4.js                                            | theme.lepton4                                            | 286.52 kB
theme.lepton3.js                                            | theme.lepton3                                            | 285.73 kB
theme.lepton2.js                                            | theme.lepton2                                            | 285.58 kB
theme.lepton5.js                                            | theme.lepton5                                            | 282.54 kB
theme.lepton1.js                                            | theme.lepton1                                            | 282.51 kB
default~dashboard-dashboard-module~volo-abp-ng-saas.js      | default~dashboard-dashboard-module~volo-abp-ng-saas      | 250.51 kB
volo-abp-ng-language-management.js                          | volo-abp-ng-language-management                          | 204.17 kB
volo-abp-ng-text-template-management.js                     | volo-abp-ng-text-template-management                     | 130.34 kB
default~volo-abp-ng-identity~volo-abp-ng-identity-server.js | default~volo-abp-ng-identity~volo-abp-ng-identity-server |  47.71 kB
dashboard-dashboard-module.js                               | dashboard-dashboard-module                               |  32.81 kB
abp-ng-setting-management.js                                | abp-ng-setting-management                                |  19.90 kB
_locale-fi-js.js                                            | _locale-fi-js                                            |  17.18 kB
_locale-sq-MK-js.js                                         | _locale-sq-MK-js                                         |  16.02 kB
_locale-ar-IQ-js.js                                         | _locale-ar-IQ-js                                         |  15.96 kB
_locale-sq-js.js                                            | _locale-sq-js                                            |  15.91 kB

......

Build at: 2020-12-31T11:54:05.519Z - Hash: 91582a4f631a69f4db4a - Time: 15768ms

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


√ Compiled successfully.
node:internal/child_process:411
    throw errnoException(err, 'spawn');
          ^

Error: spawn EPERM
    at ChildProcess.spawn (node:internal/child_process:411:11)
    at spawn (node:child_process:617:9)
    at Object.spawnWithSignal [as spawn] (node:child_process:755:17)
    at module.exports (E:\Abp-Bms\angular\node_modules\open\index.js:152:34)
    at MergeMapSubscriber.project (E:\Abp-Bms\angular\node_modules\@angular-devkit\build-angular\src\dev-server\index.js:231:21)
    at MergeMapSubscriber._tryNext (E:\Abp-Bms\angular\node_modules\rxjs\internal\operators\mergeMap.js:67:27)
    at MergeMapSubscriber._next (E:\Abp-Bms\angular\node_modules\rxjs\internal\operators\mergeMap.js:57:18)
    at MergeMapSubscriber.Subscriber.next (E:\Abp-Bms\angular\node_modules\rxjs\internal\Subscriber.js:66:18)
    at SwitchMapSubscriber.notifyNext (E:\Abp-Bms\angular\node_modules\rxjs\internal\operators\switchMap.js:85:26)
    at SimpleInnerSubscriber._next (E:\Abp-Bms\angular\node_modules\rxjs\internal\innerSubscribe.js:27:21)
    at SimpleInnerSubscriber.Subscriber.next (E:\Abp-Bms\angular\node_modules\rxjs\internal\Subscriber.js:66:18)
    at E:\Abp-Bms\angular\node_modules\@angular-devkit\build-webpack\src\webpack-dev-server\index.js:53:17
    at AsyncSeriesHook.eval [as callAsync] (eval at create (E:\Abp-Bms\angular\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:54:1)       
    at AsyncSeriesHook.lazyCompileHook (E:\Abp-Bms\angular\node_modules\tapable\lib\Hook.js:154:20)
    at Watching._done (E:\Abp-Bms\angular\node_modules\webpack\lib\Watching.js:98:28)
    at E:\Abp-Bms\angular\node_modules\webpack\lib\Watching.js:73:19 {
  errno: -4048,
  code: 'EPERM',
  syscall: 'spawn'
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
PS E:\Abp-Bms\angular>

6 Answer(s)
  • User Avatar
    0
    muhammedaltug created

    Hello,

    Can you check your project files' permission settings ? In this case needed permission is Read & Execute.

  • User Avatar
    0
    15937823 created

    Folder permissions are set, same problem.

  • User Avatar
    0
    muhammedaltug created

    Hello,

    I created a new app with app-pro template and version 4.1.0.rc-2 using abp cli. Then i was able to run the angular application successfully. There is no problem at creating application with abp cli.

    Can you try removing node_modules directory and reinstall packages ? Will you observe same error when will you create a new angular application and run this angular application in your Abp-Bms folder?

  • User Avatar
    0
    muhammedaltug created

    Hello,

    Is there any progress on your issue?

  • User Avatar
    0
    15937823 created

    It's still the same mistake.Strangely enough, my original Zero project had no problems.

  • User Avatar
    0
    alper created
    Support Team Director

    check out https://stackoverflow.com/a/46062496/1767482

    it seems like you have a permission problem. (not related to ABP)

    you can follow the steps:

    Step 1: uninstalling angular/cli and nodejs as administrator. Step 2: Delete folders from% appdata% (npm, npm-cache) Step 3: delete "nodejs" folder from Programs and Files Step 4: Reboot Step 5 Reintall lastest version node (not as administrator) Setp 6: Install angular/cli (not as administrator)

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.3.0-preview. Updated on May 21, 2025, 13:37