Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Cart 1,647 sales
Well Documented

IronNetwork does not currently provide support for this item.

383 comments found.

The faq is giving info on using this with NUXT, but when following the procedure it just does not work… Would be great if you could add a sample project using Nuxt (resolving css, components, etc).

Hey,

I was just about to buy this template before I noticed something in the demo. When the template loads, the animations for the graphs seem laggy. This is also more evident when collapsing and re-opening the sidebar. I was wondering if this is just because of the demo or caused by something else? Otherwise great and impressive work.

Thank you.

Hi,

This is caused by the chart.js library that we have used to build the graphs. There is an option to disable the charts animations, you can read the official documentation how chart options works.

http://www.chartjs.org/docs/latest/

Hi,

Nice looking template, i’m new to working in vuejs just now i’m start studying vuejs and node. but i’m good in html css.

Need a doubt in chat page, after i chat some message it’s not auto scroll down in every chat, need to scroll down for that .

If i buy this template you provide the solution for that?

good afternoon. I am trying to find Login and SignUp in the comments above, I saw the location src->views->session but I do not have it((

You can find login and signup pages under vuely\src\views\session http://tinyurl.com/y7t5c5tk

I found, thanks

Hi IronNetwork,

I keep on getting this error when i npm install

> node-pre-gyp install—fallback-to-build—library=static_library

node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v64-darwin-x64-unknown.tar.gz node-pre-gyp ERR! Pre-built binaries not found for grpc@1.10.1 and node@10.8.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp ERR! Pre-built binaries not installable for grpc@1.10.1 and node@10.8.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp)

What could be the problem?

Hi,

It seems like you have installed nodejs version 10 in your machine, Vuely currently supports 9 version as some modules haven’t yet been updated by their authors, we are waiting for them to upgrade and then we will release the stable version

Thanks! Let us know if you need anything else.

And when about to wait for the update under vue cli 3

The updated version has been released, please download the latest files. Thanks!

We have been trying to use axios to post data to our api and it has not worked. We have import api from “Api”; in our vue file. Then this is what we have tried. api.post, axios.post, this.$axios.post. In each case axios sent a request to the server but did not post any data. Here is a full example of what we created as a request:

api.post(‘welcome’, { email: ‘TEST’, password: ‘PASS’ }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }) .then(function () { // always executed });

We have also tried this.$http.post

Hi,

When sending data to a web server, the data has to be a string. Before sending data to web server convert an object into a string with JSON.stringify() e.g, in your case your method looks like:-

api.post(‘welcome’, JSON.stringify({ email: ‘TEST’, password: ‘PASS’ })) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }) .then(function () { // always executed });

Thanks! Let us know if it works for you.

Is this JQuery in Vue, and not pure Vue? Where can i read the documentation?

Hi,

This template is integrated in pure vue. We used little bit of jquery to do some things. Here is the documentation link https://iron-network.gitbook.io/vuely/

Is there a trial version to see if it will fit our needs?

Started vue-cli 3 project and copied src contents over. Had to rename /Components/ (and the like) to @/components. When finally ran it bombed due to jquery not being resolved. While I could fix this by adding the ProvidePlugin to vue.config.js I’m hesitant to start with a template that has jQuery – think you’re trying to do a bit too much here :(

Would really like a no-jquery version :)

Hi,

We will also try to remove jquery dependency in our next update.

Thanks!

That is great news – really want a pure vue version built with vue-cli 3 :)

Good afternoon. I’m trying to start using npm run dev but I get an error

Syntax Error: SyntaxError: Unexpected token (104:4) > 104 | ...mapGetters([“cart”]), | ^ 105 | getTotalPrice() { 106 | let totalPrice = 0; 107 | if (this.cart.length > 0) {

@ ./src/views/ecommerce/Checkout.vue 3:0-111 3:0-111 4:0-124 17:2-16
@ ./src/router/horizontal.js
@ ./src/router/index.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/index.js
error  in ./src/views/ecommerce/CreditCard.vue

Syntax Error: SyntaxError: Unexpected token (113:4) > 113 | ...mapGetters([“creditCard”]) | ^ 114 | }, 115 | methods: { 116 | // open dialog to delete card

@ ./src/views/ecommerce/CreditCard.vue 3:0-113 3:0-113 4:0-126 17:2-16
@ ./src/router/horizontal.js
@ ./src/router/index.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/index.js
error  in ./src/views/ecommerce/Cart.vue

Syntax Error: SyntaxError: Unexpected token (124:4) > 124 | ...mapGetters([“cart”]), | ^ 125 | /** 126 | * to get total price of all the items 127 | */

122 |   },
123 |   computed: {

Hi,

It seems hidden files are missing such as .babelrc. So please make sure you have copied all the project files including the hidden files too.

Let us know if it works for you.

Thanks !

Thank you) You’re right) it works)

Hi IronNetWork i just bought the theme, did npm install then when it completed i run the app but THE TOUR is missing. i even cleared my cache and run the app but the tour process for the theme is missing how can i activate it???

Hi,

Tour by default works in production mode. If you want to show it in development mode then go to the src -> constants and open AppConfig.js file and set the enableUserTour variable value true.

https://drive.google.com/file/d/1UXovdlFrhsIpHVohlCWgtSpGVWmnRQgM/view?usp=drivesdk Thanks! Let us know if you need anything else.

Hi, where I find the documentation file ?

Let us know if you need anything else. Thanks!

https://iron-network.gitbook.io/vuely/

Hi,

Is there a way to make the sidebar menu open the active menu when the page get refreshed.

For example if I’m on http://vuely.theironnetwork.org/default/widgets/user-widgets page and when I refresh the page, I would like the user menu on the sidebar to open. Right now when I refresh the page, all is collapsed.

Thanks.

Hi,

We are currently working on this requirement and will release it in our next update soon. For now you can do this with vuex following the instructions below.

- Create a module under the src -> store -> module directory like others in file. - Define it’s state, getters, actions and mutations as well. - set the all menus as a state of your vuex. - use getter in the sidebar for getting menus. - in the sidebar component call the action in mounted life cycle hook to active the current menu by getting the current active menu path.

Hopefully it will work for you, email us at support@theironnetwork.org for further assistance.

Thanks!

Hello, I just bought the template but am having a hard time getting it to work, I haven’t found the documentation file, and the index.html just shows a blank page, I’ve already installed http-server, but still doesn’t work.

Hello dear,

I bought Vuely, and it is a great template. I would like to update my template Vuely 2.1 to Vuely 3.0.0.

How can I do that? If you can respond to me quickly, that would be so great.

Thank you, Tom

Hi,

We did some major changes in the 3.0.0 version, you can check the change log https://iron-network.gitbook.io/vuely/changelog. Please follow the steps to update these changes in your existing app.

- Update webpack.config.js file. - Update vuetify 1.1.3 by running npm install—save vuetify@1.1.3 - run npm install—save-dev friendly-errors-webpack-plugin - Add auth directory in the src folder - run npm install—save auth0-js vue-star-rating - run npm install—save vue-instantsearch vue-loading-spinner - Update constants, lang, lib, views, router, store, helpers, components, theme, assets and static directory - Update index.html file

Thanks! Let us know if you need anything else.

I cannot run the app under relative path on apache. It is showing blank page with no error in the console. In the documentation, it is suggested to add homepage option in package.json but it didn’t help.

Please confirm your purchase code, it shows that you haven’t bought the project yet.

it was purchased by another account: 1d8ed8a0-d704-40fa-8767-7974535b4a5e

Hi,

There is an issue service static files from sub directory, to resolve this issue follow these steps.

- create a .htaccess file in the sub directory. - open webpack.config.js file and change the publicPath from ’/’ to ’/sub-folder/’ - change all static assets path with your directory path e.g., ”/static/img/user-1.jpg” with ”/sub-folder/static/img/user-1.jpg” - run npm run build command - upload the dist folder files on the sub-folder directory.

Now your production build will work on the relative path.

We are working on this issue and will release a stable version with dynamic configurations to support sub directory load.

Let us know if it works for you.

Thanks!

Hello dear,

For Vuely I run npm install , after npm run dev, I have errors of the following type

error in ./node_modules/vue-loading-spinner/src/components/Texture.vue Module build failed (from ./node_modules/sass-loader/lib/loader.js): Error: ENOENT: no such file or directory, scandir ‘C:\VsCode\vuely\node_modules\node-sass\vendor’ at Object.readdirSync (fs.js:759:3)

error in ./node_modules/vue-loading-spinner/src/components/SpinLine.vue Module build failed (from ./node_modules/sass-loader/lib/loader.js): Error: ENOENT: no such file or directory, scandir ‘C:\VsCode\vuely\node_modules\node-sass\vendor’ at Object.readdirSync (fs.js:759:3)

error in ./node_modules/vue-loading-spinner/src/components/SquareGrid.vue Module build failed (from ./node_modules/sass-loader/lib/loader.js): Error: ENOENT: no such file or directory, scandir ‘C:\VsCode\vuely\node_modules\node-sass\vendor’ at Object.readdirSync (fs.js:759:3) .... and so on((

using npm@6.2.0 using node@v10.7.0 Win10, VS Code…

What ideas?

Many thanks, Oleg

resolved by npm rebuild node-sass

Okay great, incase you have any more queries, feel free to reach us directly at support@theironnetwork.org and we would happy to help you.

Thanks!

Hey IRON,

Thank you for your owesome theme…

My problems may not be related to your code but struggling to install dependencies..

Will you be able to assist please?

When I run ‘npm install’ :

➜ verifyui git:(master) ✗ npm install npm WARN avocoid@0.0.1 No repository field. npm WARN avocoid@0.0.1 No license field.

audited 864 packages in 3.086s found 1 low severity vulnerability run `npm audit fix` to fix them, or `npm audit` for details ➜ verifyui git:(master) ✗ npm audit fix npm WARN avocoid@0.0.1 No repository field. npm WARN avocoid@0.0.1 No license field.

up to date in 1.801s fixed 0 of 1 vulnerability in 864 scanned packages 1 vulnerability required manual review and could not be updated ➜ verifyui git:(master) ✗ npm audit

=== npm audit security report ===

┌──────────────────────────────────────────────────────────────────────────────┐ │ Manual Review │ │ Some vulnerabilities require your attention to resolve │ │ │ │ Visit https://go.npm.me/audit-guide for additional guidance │ └──────────────────────────────────────────────────────────────────────────────┘ ┌───────────────┬──────────────────────────────────────────────────────────────┐ │ Low │ Prototype Pollution │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Package │ lodash │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Patched in │ >=4.17.5 │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Dependency of │ load-grunt-config [dev] │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Path │ load-grunt-config > lodash │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ More info │ https://nodesecurity.io/advisories/577 │ └───────────────┴──────────────────────────────────────────────────────────────┘

ok, ignore it… me being silly

Okay great, incase you have any more queries, feel free to reach us directly at support@theironnetwork.org and we would happy to help you.

Thanks!

I just purchased the template, downloaded it and ran the index.html in the dist, seed and vuely directories and all of them come up as blank pages. I fixed path issues on the index page under the dist directory and now is shows a loading red line at the top of the screen but then ends up as a blank page. How do I get it to actually load the admin template? Thanks.

Hi,

Follow the given below instructions to run dist (production build):-

Install http-server globaly in your machine

For window: run “npm install -g http-server” in the administrative privileges. For macOS and Ubuntu: run “sudo npm install -g http-server”

Now go the project directory and run “http-server ./dist”

Thanks! Let us know if you need anything else.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey