251 comments found.
Error Cannot find module ’~/components/Page’ pages/_layout/home.vueopen in editor
<template>
<luma-home-page
:title=”title”
:container-class=”containerClass”
:local-page-header=”localPageHeader”
:header-image=”headerImage”
HTML
webpackMissingModule@1:
pages/_layout/home.vue:1:
webpackMissingModule
pages/_layout/home.vue:1:
Module../node_modules/babel-loader/lib/index.js?./node_modules/vue-loader/lib/index.js?!./pages/_layout/home.vue?vue&type=script&lang=js&
webpack/bootstrap:25:
webpack_require
webpack/bootstrap:25:
webpack_require
webpack/bootstrap:25:
webpack_require
pages/index.vue:2:
Module../node_modules/babel-loader/lib/index.js?
./node_modules/vue-loader/lib/index.js?!./pages/index.vue?vue&type=script&lang=js&
webpack/bootstrap:25:
webpack_require
Hi,
That is so strange! No one had this error before. Can you please redownload the package again? Maybe something was wrong when downloading or when unzipping the archive and then try again.
Please let me know if you still get the same error once you do that. Also if you’re still getting the same error let me know what’s your environment, operating system, node version and npm version.
Also, have you modified anything?
Hi Support, how do we change the dark color type in store/navbarConfig.js?
dark: { type: ‘dark-pickled-bluewood’, variant: ‘navbar-shadow’ }
How do custom dark-pickled-bluewood to other color type?
Hi pls add me to gitlab, @neko1101
Hi,
I apologize for the delay! Acces granted.
Hello I bought the nuxt version of template thinking I could figure out nuxt easily but in the end it’s was way too complicated for me. Is it possible to get a refund on nuxt and instead I buy the html version? Cheers
now am getting this error Cannot find module ‘bootstrap-vue/nuxt’ Cannot find module ‘bootstrap-vue/nuxt’ 01:02:24 Require stack:
Can please help
Hi,
After looking for some solutions on stackoverflow it seems a slow internet connection might cause this issue to some users.
Possible fixes would be:npm cache clean --forceOr:
npm cache verify
Or Delete package-lock.json.
Then try npm install again. Please let me know if that worked. Thanks!
This is working now. can you please explain how the app/* routing is configured. I can’t see how u have configured the routing. all links goto app/* e.g. app/faq, app/login etc. but I can’t see where that is configured.
the app is buggy throws the following errors for the following packages pls help fix or give me the html version
1. ** nuxtjs/eslint-config throws npm ERR! Unexpected end of JSON input while parsing near ’...Q/ecFXdToYUTj3TMUs7qY’
npm ERR! A complete log of this run can be found in: npm ERR! /Users/.../.npm/_logs/2020-12-15T22_38_23_474Z-debug.log
2. eslint-config-prettier@6.12.0 throws npm ERR! code EINTEGRITY npm ERR! sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw== integrity checksum failed when using sha512: wanted sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw== but got sha512-XVZtlKDfYCFQ2m2YL5pvt4YvjWPZquBn+/sGPy8TyH5/jxoogBEqyvsdhlmJHw7bM2KFpCvMGwNxgZ3shW0X/A==. (6332 bytes)npm ERR! A complete log of this run can be found in: npm ERR! /Users/../.npm/_logs/2020-12-15T22_39_26_251Z-debug.log
3. ** nuxt@2.12.2 throws npm ERR! Unexpected end of JSON input while parsing near ’...bpack”:”^1.2.5”,”esli’npm ERR! A complete log of this run can be found in: npm ERR! /Users/../.npm/_logs/2020-12-15T22_41_44_351Z-debug.log
4. @nuxtjs/eslint-config@3.1.0 throws npm ERR! Unexpected end of JSON input while parsing near ’...Q/ecFXdToYUTj3TMUs7qY’
npm ERR! A complete log of this run can be found in: npm ERR! /Users/../.npm/_logs/2020-12-15T22_38_23_474Z-debug.log
5. ** eslint-config-prettier@6.12.0 npm ERR! code EINTEGRITY npm ERR! sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw== integrity checksum failed when using sha512: wanted sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw== but got sha512-XVZtlKDfYCFQ2m2YL5pvt4YvjWPZquBn+/sGPy8TyH5/jxoogBEqyvsdhlmJHw7bM2KFpCvMGwNxgZ3shW0X/A==. (6332 bytes)npm ERR! A complete log of this run can be found in: npm ERR! /Users/../.npm/_logs/2020-12-15T22_39_26_251Z-debug.log
Hi,
After looking for some solutions on stackoverflow it seems a slow internet connection might cause this issue to some users.
Possible fixes would be:npm cache clean --forceOr:
npm cache verify
Or Delete package-lock.json.
Then try npm install again. Please let me know if that worked. Thanks!
npm install hangs for a long time I can’t get it to run
Hi,
After looking for some solutions on stackoverflow it seems a slow internet connection might cause this issue to some users.
Possible fixes would be:npm cache clean --forceOr:
npm cache verify
Or Delete package-lock.json.
Then try npm install again. Please let me know if that worked. Thanks!
Your order: My downloads Item by FrontendMatter Luma Nuxt – NuxtJS Vue Learning Management System Admin Template Luma Nuxt – NuxtJS Vue Learning Management System Admin Template Regular License 6 months support (expires on 16 Jun 2021) Purchase code: a73a2f7f-6c33-402e-9db4-7b787c843399
Please allow me to fork GITHUB: User Name: LiquidNexxus (https://github.com/LiquidNexxus/)
Hi,
The repository is hosted on Gitlab not on GitHub. Please confirm your Gitlab.com username. Thanks!
hi can i get access to the gitlab repo @nana111
Hi, Access granted!
Can I get an access to gitlab repo? @jianganlong Thank you!
Hi, access granted!
Hi, I got the theme, but I can’t see the css files and styles, I see as a npm package? Is there any way to have the template? I don’t like that I can’t access to css files.
Hi, Can i have gitlab repo access please ? @mohzah34
Thanks
Access granted
Please how do i reove an item from the app side navbar?
Please where can I find ‘settings/routes’ please?
layoutMenu: (state, getters, rootState, rootGetters) => { const routes = rootGetters[‘settings/routes’]
return {
},// student: studentRoutes({routes}),
// instructor: instructorRoutes({routes}),apps: [
studentMenu({routes}),
instructorMenu({routes}),
messagingMenu({routes}),
accountMenu({routes}),
communityMenu({routes})
]}Hello! During the installation we get this. Please advice.
ERROR in ./assets/scss/vendor/material-icons.scss Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js): ModuleNotFoundError: Module not found: Error: Can’t resolve ’./fonts/MaterialIcons-Regular.eot’ in ’/home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/assets/scss/vendor’ at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/webpack/lib/Compilation.js:925:10 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/webpack/lib/NormalModuleFactory.js:401:22 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/webpack/lib/NormalModuleFactory.js:130:21 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/webpack/lib/NormalModuleFactory.js:224:22 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/neo-async/async.js:2830:7 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/neo-async/async.js:6877:13 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/webpack/lib/NormalModuleFactory.js:214:25 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/Resolver.js:213:14 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/Resolver.js:285:5 at eval (eval at create (/home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1) at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7 at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/Resolver.js:285:5 at eval (eval at create (/home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1) at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/Resolver.js:285:5 at eval (eval at create (/home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1) at /home/vvs/projects/vue_templates/luma-nuxt-v2.2.0/luma-nuxt-v2.2.0/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
I am waiting for the Vue.js template too. Any update on a possible release date? Thx!
Hi,
Happy to let you know the item was just submitted for approval.
I’ll let you know as soon as it’s live and available!
Thank you.
Hello, I got the Luma through envato elements, can you give me an access to the gitlab repo? @Hexacker
Access granted
Hi when is the luma vue is coming. I went your website but find no link to purchase and download it. For reference i am attaching the product link. https://www.lumalms.com/luma-vue
Hey any response please! Much appreciated
Hey please don’t ignore!
Hi,
Happy to let you know the item was just submitted for approval.
I’ll let you know as soon as it’s live and available!
Thank you.
Thanks!
Hi plese I have an issue with the template inputs when I type something it shows an error (this.formatter is not a function) the error comes from form-text.js
this is my facebook account if you want to discuss about it with more details since i cant send you the screenshots here
https://www.facebook.com/ismail.fathi.75Hi,
Thank you for reporting. We’re looking into the issue and get back to you as soon as possible.
Thank you for your patience.
Hi,
The issue was solved on our end.
Just update the following package:
npm install fmv-input-group-merge@1.1.1
For new installs it will update automatically from v1.1.0 since it’s a patch version update.
Thanks!
Hi, Thanks for solving the issue. I have a question why did you put the code of pages… in a seperate module (vue-huma, ui-huma) It is really really reallyyyy complicated to work with it this way cause the pages of the app just contain a component with its props and all the logic behind is found in vue-huma which makes coding and modifying anything really complicated, thats the only messed up thing about this template
Hi,
The workflow for customizing any page is very simple.
For example, let’s say you need to customize the courses page. You can customize the page like this:
Create a component in components/Courses.vue
The template part is optional, only if you need to customize the actual template, otherwise just use the script:
<template>
<!-- Copy and customize the page template from vendor/vue-luma/pages/student-courses.vue -->
</template>
<script>
import {
LumaStudentCoursesPage
} from 'vue-luma'
export default {
extends: LumaStudentCoursesPage
}
</script>
Here you can customize whatever you want.
Then, from pages/_layout/student-courses.vue you can swap the component from vendor with your own:
<script>
import LumaStudentCoursesPage from '~/components/Courses'
import {
// LumaStudentCoursesPage,
LibraryDrawer,
LibrarySidebar
} from 'vue-luma'
</script>
Let me know if there’s anything I can help with! Thank you.
Hi,
That’s what I do but my question is why do I have to go through this whole process knowing that you could have simply kept the pages inside the /pages folder rather than encapsulate them in vendor/vue-luma/pages/ this makes it hard to work with as it breaks the code everytime you need to copy a page code and put somewhere in components/ I have to also copy for example the routeTo mixin from vendor/mixins/routeTo and put it in the app mixins folder and so on and so forth for all the imports inside each page… this is really annoying at the end of the day
the thing is I still cant understand why you put the pages code in a seperate “environement” and just import each page again in the /pages folder of the root app why? Thanks!
Hi,
There’s an easier way you could edit the components:
From the terminal, go to the vendor/vue-luma folder and create a local npm link:
cd vendor/vue-lumaInstall dependencies:
npm installCreate a local link:
npm link
Then, from the root of the application (the main nuxt app), instruct npm to use the link:
npm link vue-lumaThen, from the same vendor/vue-luma folder you can run one of the two commands. To watch and recompile:
npm run watchOr to build:
npm run build
You may need to remove the cached .nuxt folder from the main nuxt app and restart the main nuxt app watcher before it picks up any changes in the vendor/vue-luma folder.
rm -rf .nuxt
npm run dev
Now you should be able to edit any .vue file in vendor/vue-luma and you have a way of watching/building the thing, which should reflect on the main app.
Hi there please I am having an issue for some reason when i type something on a form field it displays an error saying (this.formatter is not a function) why is that and btw I did not touch anything on the code
Hi,
Thank you for reporting. We’re looking into the issue and get back to you as soon as possible.
Thank you for your patience.
Can you give me access on gitlab too? @moein.ak
Also I’m trying to manipulate the data of vendor/vue-luma/pages/student-courses.vue through pages/_layout/student-courses.vue
Looks like the popular data field is hardcoded in vue-luma 
To be honest initially I was really excited about the great code but so far not a good start
Hi,
Access granted.
About the courses page, you can customize the page like this:
Create a component in components/Courses.vue
The template part is optional, only if you need to customize the actual template, otherwise just use the script:
<template>
<!-- Copy and customize the page template from vendor/vue-luma/pages/student-courses.vue -->
</template>
<script>
import {
LumaStudentCoursesPage
} from 'vue-luma'
export default {
extends: LumaStudentCoursesPage
}
</script>
Here you can customize whatever you want.
Then, from pages/_layout/student-courses.vue you can swap the component from vendor with your own:
<script>
import LumaStudentCoursesPage from '~/components/Courses'
import {
// LumaStudentCoursesPage,
LibraryDrawer,
LibrarySidebar
} from 'vue-luma'
</script>
Let me know if there’s anything I can help with! Thank you.
This works! Thanks a lot
