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

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
  • User Avatar
    0
    sunivycsm created

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

  • User Avatar
    0
    sunivycsm created

    These are the paths in angular.json

  • 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.

  • 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

  • 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.

  • User Avatar
    0
    sukhdeep.dhillon created

    Hi,

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

  • 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.

  • 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

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