Open Closed

Angular build error #3881


User avatar
0
pablotola created
  • ABP Framework version: v6.0.0
  • UI type: Angular
  • DB provider: EF Core
  • Exception message and stack trace:

yarn run v1.22.5 $ ng serve --open ⠋ Generating browser application bundles (phase: setup)...An unhandled exception occurred: ENOENT: no such file or directory, lstat 'D:\Repos\CompuCare.ALP\angular\node_modules@volosoft' See "C:\Users\pablo\AppData\Local\Temp\ng-ap5e2F\angular-errors.log" for further details.

  • Steps to reproduce the issue:"

This happens after creating a project using the ABP Suite and trying to build using "yarn start", it just stays at "⠋ Generating browser application bundles (phase: setup)..."

This is urgent, please help.


1 Answer(s)
  • User Avatar
    0
    mahmut.gundogdu created

    If you choose Lepton, you need to add these style settings to angular.json.

    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
        "inject": false,
        "bundleName": "lepton1"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
        "inject": false,
        "bundleName": "lepton2"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
        "inject": false,
        "bundleName": "lepton3"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
        "inject": false,
        "bundleName": "lepton4"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
        "inject": false,
        "bundleName": "lepton5"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
        "inject": false,
        "bundleName": "lepton6"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
        "inject": false,
        "bundleName": "lepton1.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
        "inject": false,
        "bundleName": "lepton2.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
        "inject": false,
        "bundleName": "lepton3.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
        "inject": false,
        "bundleName": "lepton4.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
        "inject": false,
        "bundleName": "lepton5.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
        "inject": false,
        "bundleName": "lepton6.rtl"
    },
    
    

    Remove these settings in angular.json

     {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
        "inject": false,
        "bundleName": "lepton1"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
        "inject": false,
        "bundleName": "lepton2"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
        "inject": false,
        "bundleName": "lepton3"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
        "inject": false,
        "bundleName": "lepton4"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
        "inject": false,
        "bundleName": "lepton5"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
        "inject": false,
        "bundleName": "lepton6"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
        "inject": false,
        "bundleName": "lepton1.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
        "inject": false,
        "bundleName": "lepton2.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
        "inject": false,
        "bundleName": "lepton3.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
        "inject": false,
        "bundleName": "lepton4.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
        "inject": false,
        "bundleName": "lepton5.rtl"
    },
    {
        "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
        "inject": false,
        "bundleName": "lepton6.rtl"
    },
    

    https://github.com/abpframework/abp/blob/dce0cf7a6f2db9aa738fa2b15e1d6c2a627ccdc9/docs/en/UI/Angular/Theme-Configurations.md

    If you are using Resource Owner Password Flow you may skip this step. go to the path aspnet-core/src/YourAppName.HttpApi.Host/ and add @volo/abp.aspnetcore.mvc.ui.theme.lepton to package.json like yarn add @volo/abp.aspnetcore.mvc.ui.theme.lepton. Then run the command in the terminal (in the same path) abp install-libs

    It will be working as expected. The problem will be fixed soon.

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11