Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

mstdmstd's avatar

How to install vue-argon-design-system template into my Laravel 5.7 app?

Hello, In my Laravel 5.7 / Vuejs 2.6 / Vuex 3.1/ Bootstrap 4.3 app I want to use https://demos.creative-tim.com/vue-argon-design-system/ template and in it's docs https://demos.creative-tim.com/vue-argon-design-system/documentation/quick-start.html#quick-start I read :

Argon Kit is built as Vue plugin so you can simply import it and use it.

import Vue from 'vue';
import Argon from '@/plugins/argon-kit'
Vue.use(Argon);

I added such lines in my resources/js/app.js :

import Vue from 'vue';
...
import Argon from '@/plugins/argon-kit'
Vue.use(Argon);

I am not sure which files have I to copy into my project, I tried to copy files from /vue-argon-design-system/src/plugins subdirectory :

/vue-argon-design-system/src/plugins$ ls -la
-rwxrwxrwx 1 root root  415 тра  5 15:11 argon-kit.js
-rwxrwxrwx 1 root root 1182 тра  5 15:11 globalComponents.js
-rwxrwxrwx 1 root root  297 тра  5 15:11 globalDirectives.js

into /resources/js/plugins subdirectory of my project

but npm console command raised error :

This dependency was not found:
* @/plugins/argon-kit in ./resources/js/app.js
To install it, you can run: npm install --save @/plugins/argon-kit
...

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve '@/plugins/argon-kit' in '/mnt/_work_sdb8/wwwroot/lar/Hostels2/resources/js'
 @ ./resources/js/app.js 12:0-40 13:8-13
 @ multi ./resources/js/app.js ./resources/sass/BS4/app.scss

I tried to install plugin as in message above:

$ npm install --save @/plugins/argon-kit
npm ERR! code ENOLOCAL
npm ERR! Could not install from "@/plugins/argon-kit" as it does not contain a package.json file.
...

Which is valid way to install argon into my app?

Thanks!

0 likes
3 replies
mstdmstd's avatar

Thank you, though that is different template my client selected, I hope to get some usefull info as for its installation But I got error running command :

$ composer require laravel-frontend-presets/argon
Using version ^1.0 for laravel-frontend-presets/argon
./composer.json has been updated
Root package 'laravel-frontend-presets/argon' cannot require itself in its composer.json
Did you accidentally name your root package after an external package?
File composer.json: 
{
    "name": "laravel-frontend-presets/argon",
    "description": "Laravel 5.x Front-end preset for argon",
    "license": "MIT",
    "homepage": "https://github.com/creativetimofficial/argon-dashboard",
    "keywords": ["Laravel", "Preset", "Argon"],
    "require": {
        "laravel/framework": "^5.5",
        "laravel-frontend-presets/argon": "^1.0"
    },
    "autoload": {
        "psr-4": {
            "LaravelFrontendPresets\ArgonPreset\": "src/"
        }
    },
    "extra": {
        "laravel": {
            "providers": [
                "LaravelFrontendPresets\ArgonPreset\ArgonPresetServiceProvider"
            ]
        }
    }
}

How to deal it ?

lizeshakya's avatar

Did you find the solution? Because I am also stuck in the same problem

Please or to participate in this conversation.