Discussion on Adminify - VueJS Bootstrap 4 Admin Template

Discussion on Adminify - VueJS Bootstrap 4 Admin Template

Cart 188 sales
Well Documented

IronNetwork does not currently provide support for this item.

50 comments found.

Hi,

We have a theme that we purchased from you, that we are having trouble with, can i be really honest and say from what ive read you just cont be bothered in answering any questions and i think this just isnt right, if you dont answer within a decent time scale i will be leaving you the worst possible review ! So i guess its up to you.

Cheers

Hi, I tried to run adminify-seed and when running npm run serve, I am getting a number of errors…

ERROR  Failed to compile with 7 errors                               1:29:13 AM
error  in ./src/views/features/VideoPlayer.vue?vue&type=script&lang=js&

Module not found: Error: Can’t resolve ‘videojs-contrib-hls/dist/videojs-contrib-hls.js’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/views/features’

error  in ./src/lib/adminifycss.js

Module not found: Error: Can’t resolve ‘vue-video-player/src/custom-theme.css’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/lib’

error  in ./src/assets/scss/style.scss

Module not found: Error: Can’t resolve ’/static/img/session.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’

error  in ./src/assets/scss/style.scss

Module not found: Error: Can’t resolve ’/static/img/lock-screen.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’

error  in ./src/assets/scss/style.scss

Module not found: Error: Can’t resolve ’/static/img/gallery2.jpg’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’

error  in ./src/assets/scss/style.scss

Module not found: Error: Can’t resolve ’/static/img/weather-1.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’

error  in ./src/assets/scss/style.scss

Module not found: Error: Can’t resolve ’/static/img/weather-2.jpg’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’

ERROR in ./src/views/features/VideoPlayer.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use0\\./src/views/features/VideoPlayer.vue?vue&type=script&lang=js&) 5:0-58 Module not found: Error: Can’t resolve ‘videojs-contrib-hls/dist/videojs-contrib-hls.js’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/views/features’ @ ./src/views/features/VideoPlayer.vue?vue&type=script&lang=js& 1:0-211 1:227-230 1:232-440 1:232-440 @ ./src/views/features/VideoPlayer.vue 2:0-63 3:0-58 3:0-58 9:2-8 @ ./src/router/index.js 176:9-45 @ ./src/main.js 16:0-30 49:0-17 72:0-16 114:10-16

ERROR in ./src/lib/adminifycss.js 14:0-47 Module not found: Error: Can’t resolve ‘vue-video-player/src/custom-theme.css’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/lib’ @ ./src/main.js 43:0-27

ERROR in ./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use1\\./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use3!./src/assets/scss/style.scss) 13:36-87 Module not found: Error: Can’t resolve ’/static/img/session.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’ @ ./src/assets/scss/style.scss 4:14-254 15:3-20:5 16:22-262 @ ./src/lib/adminifycss.js 32:0-35 @ ./src/main.js 43:0-27

ERROR in ./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use1\\./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use3!./src/assets/scss/style.scss) 14:36-91 Module not found: Error: Can’t resolve ’/static/img/lock-screen.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’ @ ./src/assets/scss/style.scss 4:14-254 15:3-20:5 16:22-262 @ ./src/lib/adminifycss.js 32:0-35 @ ./src/main.js 43:0-27

ERROR in ./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use1\\./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use3!./src/assets/scss/style.scss) 15:37-89 Module not found: Error: Can’t resolve ’/static/img/gallery2.jpg’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’ @ ./src/assets/scss/style.scss 4:14-254 15:3-20:5 16:22-262 @ ./src/lib/adminifycss.js 32:0-35 @ ./src/main.js 43:0-27

ERROR in ./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use1\\./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use3!./src/assets/scss/style.scss) 16:37-90 Module not found: Error: Can’t resolve ’/static/img/weather-1.png’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’ @ ./src/assets/scss/style.scss 4:14-254 15:3-20:5 16:22-262 @ ./src/lib/adminifycss.js 32:0-35 @ ./src/main.js 43:0-27

ERROR in ./src/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use1\\./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use3!./src/assets/scss/style.scss) 17:37-90 Module not found: Error: Can’t resolve ’/static/img/weather-2.jpg’ in ’/Users/blueb/Desktop/adminify-340/adminify-seed/src/assets/scss’ @ ./src/assets/scss/style.scss 4:14-254 15:3-20:5 16:22-262 @ ./src/lib/adminifycss.js 32:0-35 @ ./src/main.js 43:0-27

what version of vue does this template use? vue 2 or 3?

Error build in adminify

I bought adminify. And when I run it on ‘npm run serve’ then everything is fine, but when I build it with ‘npm run build’ then a dist folder is created but it does not have all the VUE components inside, nor are the views. And I actually get a blank HTML page.

I would appreciate your fast reply. Thanks.

Hi,

Thanks for reaching out. We are working on an update for the template, it would be released this week. Please let us know if you have any questions.

Hello, we tried to install the template in node v14 but we got the error below (see description below). It says grpc 1.23.3 it’s not supported by node v14, can we do something?

System Configuration System OS and version : Ubuntu Browser Name and Version: Chrome Node Version: v14.15.0 Npm Version: 6.14.8

Description:

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.23.3 install: `node-pre-gyp install—fallback-to-build—library=static_library` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.23.3 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

when you clearly mentioned html files available , why you did not provide, we need html,css,js file of this project

here you mention html,css , js file , but here nothing exist

https://themeforest.net/item/adminify-vuejs-bootstrap4-admin-template/20833480 this template not contain html, as you mention there html , css, js file included .

Hey,

i want to run as mentioned in the documentation: https://docs.theironnetwork.org/adminify/installation/

a development server.

but it doesn’t as documented. since there are no scripts like dev in the package.sjon defined

only these ones “serve”: “vue-cli-service serve”, “build”: “vue-cli-service build”, “test:e2e”: “vue-cli-service test:e2e”

Hi,

Thanks for reaching out!

Regarding your query, npm run dev was used in the older version of vue-cli. In vue-cli version > 3 we use npm run serve. So, you can use npm run serve as we are using vue-cli > 3. There is no such difference between the two, you can use any command. Thanks for finding this point in our documentation, we will update it.

To know the difference please read the given link https://stackoverflow.com/questions/55221695/difference-between-npm-run-serve-and-npm-run-dev-in-vuejs

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Thanks a lot. My bad. could solve the problem.

Was considering to buy it until I saw this CSS issue: https://ibb.co/VqptsN9

Hello, how do I use the global axes in every adminify project. Example: request in RecentTrades component

Hi,

Thanks for reaching out!

We are sending you some guidelines for Axios. Please follow the following steps:

Step 1. Go to src/api/index.js and replace the baseURL with your URL. Your base URL would be like, suppose you can get your data file like this https://example.com/data/widget.json so your baseURL will be “https://example.com/data/” and path will be “widget.json”

Step 2. To get the data from API in any component you have to use the following syntax

<script> import api from “Api”;

export default { data() { return{ widget:[], } }, mounted(){ this.getWidget(); }, methods:{ getWidget(){ api .get(“widget.json”) .then(response => { this.widget = response.data.widget; }) .catch(error => { console.log(error); }); } }, } </script>

If you still find any difficulties in it then please send us an email at support@theironnetwork.org

Thanks and have a nice day!

Ola, como uso o axios global em todo projeto adminify. Exemplo: request in componente RecentTrades

Hi,

Thanks for reaching out!

We are sending you some guidelines for Axios. Please follow the following steps:

Step 1. Go to src/api/index.js and replace the baseURL with your URL. Your base URL would be like, suppose you can get your data file like this https://example.com/data/widget.json so your baseURL will be “https://example.com/data/” and path will be “widget.json”

Step 2. To get the data from API in any component you have to use the following syntax

<script> import api from “Api”;

export default { data() { return{ widget:[], } }, mounted(){ this.getWidget(); }, methods:{ getWidget(){ api .get(“widget.json”) .then(response => { this.widget = response.data.widget; }) .catch(error => { console.log(error); }); } }, } </script>

If you still find any difficulties in it then please send us an email at support@theironnetwork.org

Thanks and have a nice day!

Where is the view file for the ‘inbox’? I see the inbox widget but can’t find the inbox view and component. I bought this theme specifically for the inbox as shown on your demo page.

Hello, I am building an app with the backend in Django. I’m having issues with the “html-webpack-plugin”. The only webpack that seems to work with django is the “webpack-bundle-tracker”. Is there a way to get the html-webpack-plugin to work with django? If so how? Or do I have to go the ‘webpack-bundle-tracker’? And how do I go about doing that?

You can ignore these questions about webpack loaders. I am going to use as it, and use Django for apis only. Thank you

excuse me, you will not have any example page where I implemented some form of data filling ?, I did not fix at the time of purchase, I just assumed that I had a view like that, if you could do that I would appreciate it very much

regards

Good morning,

Along with greeting you, I wanted to ask you for help with the execution of the project.

I followed all the steps in the tutorial, but when I launch the server with npm run dev, I get the following error.

> Starting dev server … events.js: 167 throw er; // Unhandled ‘error’ event

help me pliz

Hi,

Thanks for purchasing our template.

We have checked the issue at our end and it is working properly. It might be an issue with version compatibility, please mention the nodejs and npm versions installed on your machine and we will check for the same configurations.

We are checking on nodes js 10.14.1 and npm 6.4.1

Thanks!

Hello,

the versions that I have are node v10.11.0 and npm 6.4.1

However, I solved it, the problem was that I had another instance running on port 8080, I killed the process and then run the project I bought,

Thanks for the soon scraped

Hello! Is it normal?

after “npm install” or “npm audit” I have this result:

found 13 vulnerabilities (11 moderate, 2 critical) run `npm audit fix` to fix them, or `npm audit` for details

“npm audit fix” fixes all of them except one (see below). I can fix it with—force, and seems everything works fine, but I cannot be sure 100%. Could you please review this?

> npm audit === npm audit security report ===
  1. Run npm install—save-dev url-loader@1.1.2 to resolve 1 vulnerability SEMVER WARNING: Recommended action is a potentially breaking change Moderate Regular Expression Denial of Service Package mime Dependency of url-loader [dev] Path url-loader > mime More info https://nodesecurity.io/advisories/535

found 1 moderate severity vulnerability in 8189 scanned packages 1 vulnerability requires semver-major dependency updates.

Hi,

Yes it’s a normal, this is a result of the new npm version including the audit command. npm just introduced new functionality in npm to warn users about vulnerabilities in the packages they’re installing. To get more information about this go to this link https://blog.npmjs.org/.

Thanks!

Hello, i want to ask about this theme. is it in plain html, css and js. or encapsulated on vuejs project? if in vuejs project, which version and structure please ?

Hi,

Adminify is build with Vuejs 2.5.16 version there is no plain html, css and js.

Thanks!

Dear IronNetwork, first of all really congrats for the template. It is really smooth and up-to-date to latest graphical needs.

I’ve just one technical question on possible ways of deploying it; I’ve seen that dependencies management is via npm and that for testing changes in real time an npm run dev comamnd shall be used.

I had problem in looking at the built files after the compilation but then I’ve found the warning (Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won’t work.) and solved.

Thanks

Hi Mario,

Thanks for your kind words. We will try to help you as much as possible to deploy your app on production server. Follow the steps below and check if it works for you.

1.Install nodejs ( npm will be install with nodejs ) 2.Copy Adminify folder on your local machine where you want to build the app, you can rename it as per your requirement. 3.Go to your project directory and open terminal. 4.Run ‘npm install’ command to get the required modules. 5.Run ‘npm run dev’ command to run dev server and access http://localhost:8080/ to run your app/project on browser. The app will automatically reload if you change any of the source files. 6.Once you are sure that app is running properly run ‘npm run build’ to build the app. The build will be stored in the dist/ directory. 7.Upload dist directory files on your server and check the domain if it loads the app. for example : you have example.com domain pointed on myapp folder then upload files from dist directory to myapp folder on server

Let us know if you need any help or have any query. You can check our documentation provided with package for other customizations.

Thanks

Yes yes it works like a charm. Really sorry for contacting but I’ve not seen the warning text after the npm build “Opening index.html over file:// won’t work.”. It was in yellow on my mac and not readable :-)

Thanks for immediate support. Great job!

Welcome! :)

Hi, I’m following up to my email on Sept. 9th for support, where I reported that scrolling is broken on mobile browsers. I am also discovering other bugs on mobile such as when hamburger menu floats away from the side dock bar. What’s the best way for me to receive support on these issues and work with you to make this truly a responsive theme as I imagined it would be? - Calvin.

Hi, I appreciate the response. It helps and is more usable. That said, the changed behavior is still choppy in the way it animates, especially the scrollbar. I realize that cnn.com is often viewed as a bad example of mobile & responsive web, but is a good reference to compare the scrolling on cnn.com versus the vuely and adminify preview pages. BTW, is there a quick fix to dock the hamburger menu on the side bar? Right now, it is not sycnhronized with the side bar and undocks as it jumps off and on it during the in and out animation.

Hi,

Currently we are working on this and will update this in our next release.

Thanks!

Glad to hear. Thanks for the continued progress and updates to this awesome theme!

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