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)

Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38