Open Closed

I downloaded the project and ran the angular project, this error appeared please help me #3867

User avatar
0
sunivycsm created

when i run the angular app this error appears. I used "npm add @swinlane" but still no success.

  • ABP Framework version: v6.0.0
  • UI type: Angular / MVC
  • DB provider: EF Core
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Go to accepted answer
9 Answer(s)
  • User Avatar
    0
    sukhdeep.dhillon created

    please try to remove node_module folder and run the following commands

    • yarn install
    • yarn start
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
    1
  • User Avatar
    0
    sunivycsm created

    I did yanr install and yarn start but still no success and error add @volosoft

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sunivycsm created

    These are the paths in angular.json

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sukhdeep.dhillon created

    Hi,

    As I can see you don't have @volosoft package folder in your node_modules folder.

    1. remove node_modules folder
    2. remove package-lock.json file
    3. yarn install
    4. yarn start

    after running all these commands, you should have @volosoft folder in the node_modules.

    if it doesn't work. please install the new fresh copy of the project.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
    1
  • User Avatar
    0
    sunivycsm created

    Hi sukhdeep.dhillon, Looks like this @volosoft don't created when I use abp suite. on default app there will be no @volosoft in angular.json

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sunivycsm created

    Hi sukhdeep.dhillon, I find this problem very serious. It affected my work by not running the application. I have used ways like: reloading project from abp suite, deleting node_modules, yarn.lock, package.json,.. re-running yarn install, yarn start but still no success.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sukhdeep.dhillon created

    Hi,

    Could you please try installing the project by using ABP CLI instead of ABP Suite

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sunivycsm created

    I loaded the app as MVC to do the job. Once done, I will come back to do it again and reply to you.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    mahmut.gundogdu created

    These are the paths in angular.json

    I think your theme selection is "lepton", not leptonX. There is an issue about that. You need to remove these in angular.json

    {
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.css",
    "inject": false,
    "bundleName": "dark"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.css",
    "inject": false,
    "bundleName": "light"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.css",
    "inject": false,
    "bundleName": "dim"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.css",
    "inject": false,
    "bundleName": "bootstrap-dim"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.css",
    "inject": false,
    "bundleName": "bootstrap-dark"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.css",
    "inject": false,
    "bundleName": "bootstrap-light"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.css",
    "inject": false,
    "bundleName": "ng-bundle"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css",
    "inject": false,
    "bundleName": "layout-bundle"
},
{
    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.css",
    "inject": false,
    "bundleName": "abp-bundle"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.rtl.css",
    "inject": false,
    "bundleName": "dark.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.rtl.css",
    "inject": false,
    "bundleName": "light.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.rtl.css",
    "inject": false,
    "bundleName": "dim.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-dim.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-dark.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-light.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.rtl.css",
    "inject": false,
    "bundleName": "ng-bundle.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css",
    "inject": false,
    "bundleName": "layout-bundle.rtl"
},
{
    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
    "inject": false,
    "bundleName": "abp-bundle.rtl"
}

    run npm install @volo/abp.ng.theme.lepton on your angular app. then add these styles 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"
},

    detail: https://docs.abp.io/en/abp/6.0/UI/Angular/Theme-Configurations

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Assignee
User avatar mahmut.gundogdu
Labels
ui-angular db-efcore Suite
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 v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.