251 comments found.
When I deployed the application to netlify, it did not connect to your ui-huma repository in gitlab and it gave an error, so I put the ui-huma folder in the project directory, but this time gave fail the scss definitions in the vendor/ui-huma.
What errors are you getting?
4:47:46 PM: [fatal] Nuxt build error
4:47:46 PM: ERROR in ./assets/scss/app.scss
4:47:46 PM: Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
4:47:46 PM: ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
4:47:46 PM: SassError: Invalid CSS after ”...levation-mixins”: expected “}”, was ”.elevation(3, $shad”
4:47:46 PM: on line 17 of vendor/ui-huma/scss/_layout-mini.scss
4:47:46 PM: from line 33 of vendor/ui-huma/scss/app.scss
4:47:46 PM: from line 3 of assets/scss/app.scss
4:47:46 PM: >> @include mdc-elevation-mixins.elevation(3, $shadow-baseline-color, $shadow
When trying to run the application in netlify, netlify cannot access the file “gitlab:FrontendMatter/ui-huma#v1.6.0”
Do I need vendors folder when deploying the application in netlify?
Hi,
Please check the latest update v2.1.0 in gitlab or re-download from Envato.
Also, take a look in package.json. The SCSS error you’re getting is because I think you are using node-sass, and you have to replace it with the dart sass implementation.
npm install sass --save-devThen update
nuxt.config.js:
loaders: {
scss: {
implementation: require('sass'), // <-- add this
}
},
Also, you can safely remove the gitlab URI from your package.json:
"ui-huma": “gitlab:FrontendMatter/ui-huma#v1.6.0”,And replace it with:
"ui-huma": "file:vendor/ui-huma",
Let me know if you need further assistance!
Do I need vendors folder when deploying the application in netlify?
Yes, if the packages in vendor are referenced in package.json, they are required at build time.
I did what you said and this is the result:
9:14:15 PM: [fatal] Nuxt build error
9:14:15 PM: ERROR in ./assets/scss/app.scss
9:14:15 PM: Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
9:14:15 PM: ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
9:14:15 PM: SassError: Undefined mixin.
9:14:15 PM: 77 │ @include mdc-elevation(3, $card-shadow-base-color, $shadow-opacity-boost);
The source code in Gitlab and Envato is different. Which one should I use?
Always git first.
10:07:17 AM: [fatal] Nuxt build error
10:07:17 AM: ERROR in ./vendor/vue-luma/index.js
10:07:17 AM: Module build failed (from ./node_modules/babel-loader/lib/index.js):
10:07:17 AM: SyntaxError: vendor/vue-luma/index.js: Support for the experimental syntax ‘exportDefaultFrom’ isn’t currently enabled (3:8):
10:07:17 AM: 1 | /** Mixins */
10:07:17 AM: 2 |
10:07:17 AM: > 3 | export layoutConfigMixin from ‘/mixins/layout-config’
10:07:17 AM: | ^
10:07:17 AM: 4 | export pagePropsMixins from ‘/mixins/page-props’
10:07:17 AM: 5 | export popoverMixin from ‘/mixins/popover’
10:07:17 AM: 6 | export routeToMixin from ‘/mixins/route-to’
The project works fine in local, but when I connect the project in gitlab to netlify, there is a problem.
Hi,
Are you on the latest version?
Look in package.json, there should be a package there in devDependencies:
"devDependencies": {
"@babel/plugin-syntax-export-default-from": "^7.10.4"
}
If not run npm install @babel/plugin-syntax-export-default-from --save-dev.
Also, in nuxt.config.js there should be a build.babel config key with the plugin:
build: {
babel: {
plugins: ['@babel/plugin-syntax-export-default-from']
}
}
Let me know if that worked.
I did what you wrote, this is the result:
11:04:09 AM: [fatal] Nuxt build error
11:04:09 AM: ERROR in ./plugins/vendor.js
11:04:09 AM: Module not found: Error: Can’t resolve ‘vue-luma/dist/vue-luma.css’ in ‘plugins’ @ ./plugins/vendor.js 3:0-36
11:04:09 AM: @ ./.nuxt/index.js
11:04:09 AM: @ ./.nuxt/client.js
11:04:09 AM: @ multi ./.nuxt/client.js
11:04:09 AM: ERROR in ./vendor/vue-luma/index.js 2:7
Do I have to compile the libraries in the Vendor folder when installing the application to gitlab?
Please update from git to v2.1.1, it includes the fix for the missing files.
I updated the project to 2.1.1 and got such an error.
1:50:58 PM: error Note: The code generator has deoptimised the styling of /opt/build/repo/vendor/vue-luma/dist/vue-luma.esm.js as it exceeds the max of 500KB.
1:51:05 PM: error Note: The code generator has deoptimised the styling of /opt/build/repo/node_modules/bootstrap-vue/src/icons/icons.js as it exceeds the max of 500KB.
Its not an error, you can safely ignore babel.
You can now access the dev url: http://localhost:3000
no problem in local. Netlify gives this error when I connect the code from Gitlab to netlify.
You can disable the warning from nuxt.config.js by setting the build.babel.compact key:
babel: {
plugins: ['@babel/plugin-syntax-export-default-from'],
compact: true
},
I took care of all the problems. I want to ask if the compile folder for spa mode is “dist” in the home directory or “dist” in .nuxt?
Hi,
That’s great!
I want to ask if the compile folder for spa mode is “dist” in the home directory or “dist” in .nuxt?
It’s the main dist/ folder.
Thanks for reaching out! I’ll post an update with all the fixes I learned from your experience and I would appreciate a rating if you have a minute. Thank you very much!
Hi, could i get access to the gitlab repo? @serglimonstudio
Done! Access granted.
I get following error. ERROR in ./vendor/vue-luma/index.js friendly-errors 14:35:08
Syntax Error: friendly-errors 14:35:08 1 | /** Mixins */ 2 | > 3 | export layoutConfigMixin from ’~/mixins/layout-config’ | ^ 4 | export pagePropsMixins from ’./mixins/page-props’ 5 | export popoverMixin from ’./mixins/popover’ 6 | export routeToMixin from ’./mixins/route-to’ ‘ Do you have any advice for me?
Hi,
Is this the latest version Luma Nuxt v2.1.0?
Yes. I have changed /vendor/vue-luma/index.js. I put all export …. indstead of export {default as ….}.So it fixed. But now I get different error like
ERROR Failed to compile with 170 errors friendly-errors 16:03:30
These dependencies were not found: friendly-errors 16:03:30 friendly-errors 16:03:30- vue-luma/dist/vue-luma.css in ./plugins/vendor.js friendly-errors 16:03:30
- /components/Blog/BlogPost in ./vendor/vue-luma/index.js friendly-errors 16:03:30
- /components/Blog/BlogPostHeading in ./vendor/vue-luma/index.js friendly-errors 16:03:30
- /components/Blog/PostCard in ./vendor/vue-luma/index.js friendly-errors 16:03:30
- /components/Blog/PostFeaturedCard in ./vendor/vue-luma/index.js friendly-errors 16:03:30
- /components/Blog/Recommended in ./vendor/vue-luma/index.js friendly-errors 16:03:30
- ~/components/Community/ActivityCard in ./vendor/vue-luma/index.js ....
I think I need to publish vendor to root directory
What’s your node version?
node v12.18.4 npm 6.14.8
I tried with v14.13.0 node version. I get same error
Try a fresh install please:
rm -rf .nuxt node_modules package-lock.json npm install
I get same error like
ERROR Failed to compile with 177 errors friendly-errors 16:37:15- fmv-avatar in ./plugins/vendor.js friendly-errors 16:37:15
- fmv-charts in ./plugins/charts.js friendly-errors 16:37:15
- fmv-highlight in ./plugins/highlight.js friendly-errors 16:37:15
- fmv-highlight/dist/fmv-highlight.css in ./plugins/highlight.js friendly-errors 16:37:15
- fmv-input-group-merge in ./plugins/vendor.js friendly-errors 16:37:15
- vue-highlightjs in ./plugins/highlight.js friendly-errors 16:37:15
- vue-luma/dist/vue-luma.css in ./plugins/vendor.js friendly-errors 16:37:15
- vue-quill-editor in ./plugins/quill.js friendly-errors 16:37:15
- /components/Blog/BlogPost in ./vendor/vue-luma/index.js friendly-errors 16:37:15
- /components/Blog/BlogPostHeading in ./vendor/vue-luma/index.js friendly-errors 16:37:15 ....
Not sure what’s going on there. Something is definitely wrong, but for the moment I can’t figure out what.
Can you please re-download the latest version from git or Envato and run a clean fresh install?
Also, did you modify files directly in the vendor directory?
If yes, that’s not advisable. The purpose of the vendor directory is so that you can separate your code from our code. Think of these packages in vendor like they were inside node_modules, you wouln’t modify a folder in node_modules. In fact, running npm install will create a symlink from vendor/vue-luma to node_modules/vue-luma.
Then you can easily replace the entire vendor/vue-luma folder when updating and simply run a fresh npm install.
If you want to customize a component from vue-luma, you can create a duplicate component in your project or create a new component which extends the original from vue-luma. Would you like an example of this?
Please let me know if the clean install worked after re-download. Thank you!
I cloned from git and run npm install and then npm run dev. I get error like
Syntax Error: friendly-errors 14:35:08 1 | /** Mixins */ 2 | > 3 | export layoutConfigMixin from ’~/mixins/layout-config’ | ^ 4 | export pagePropsMixins from ’./mixins/page-props’ 5 | export popoverMixin from ’./mixins/popover’ 6 | export routeToMixin from ’./mixins/route-to’
Ok, please let me check. Operating system?
MacOs and Windows
we tried both of them
So .. turns out I made a mistake. A gitignore entry was causing some files to not get pushed to the repo.
Please git clone again and I apologize for the inconvenience!
Thanks for your interest and relevance. It worked for new clone. We developed a lot of component for our project in v1.1.0. We have to merge them with V.2.2.1. I hope we don’t have any problems. I will give an information in here.
Ok great, please let me know if you need any help!
Dear FrontendMatter, I see your code structure that all components are placed in the vendor folder. This is something new for me, I have difficulty changing and adding pages to the application. Can you give a few examples of how to create a new page and the implementation of the auth function?
thank you
Hello Frontend Matter in this new version is the support for SSR added?
Hi,
Yes, SSR and full static generation was added in Luma Nuxt v2.1.0. It’s available now in the git repository but it will also be available on ThemeForest later today.
Would really appreciate a five star rating. Thanks!
Hi I’ve purchased your template, could i get access to the gitlab repo? @ramdhanrizkij
Hi, access granted!
Thank you
Docs are not working properly: http://www.lumalms.com/documentation
Hi,
Sorry about that, the url has changed to http://www.lumalms.com/luma-vue-nuxt/documentation .
I’ll take care of the proper redirects. Thanks!
PS. I’ll give you access to the repo in a moment.
We need access for both @ercan3, @yigitkonur and @tevfikmert
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hi I’ve purchased your template, could i get access to the gitlab repo? @vestment
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hi I’ve purchased your template, could i get access to the gitlab repo? @mustafa-elgaml
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hello FrontendMatter, I have successfully downloaded / installed the template with “npm Install”. If I now want to start the project with “npm run dev” I get the following error:
ERROR in ./vendor/vue-luma/index.js friendly-errors 21:55:04Syntax Error: friendly-errors 21:55:04 1 | /** Mixins */ 2 | > 3 | export layoutConfigMixin from ‘/mixins/layout-config’ | ^ 4 | export pagePropsMixins from ‘/mixins/page-props’ 5 | export popoverMixin from ‘/mixins/popover’ 6 | export routeToMixin from ‘/mixins/route-to’
Do you have any advice for me?
Hi,
Is this on the latest commit?
Also, node and npm version?
Ah, okay. That’s it. Thank you.
Hallo, please grant access to @heavyhelli on gitlab. Thank you.
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hi, please grant access to @derlekk on gitlab
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
hi
Hi, how may I help?
Awesome theme! GitLab username = @leesandel – Thanks!
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hi, I can’t install dependencies for luma-vue-nuxtjs-vuejs-learning-management-system-admin-template All dependencies dowloaded successfully but gitlab:FrontendMatter/ui-huma#v1.6.0 – not.
Could You help me to solve the problem? Please grant access to gitlab:FrontendMatter/ui-huma#v1.6.0 for @FantoMiK
Hi,
Please signup for a free GitLab.com account and let me know the username so I can give you access.
Thank you!
I’ve already printed my account: @FantoMiK
Hi,
Sorry I didn’t see the username in the previous comment.
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Please grant access to: donghund, thanks!
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Can you give us access to Gitlab my username is @jda3000
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
Hi, can i get the HTML template of this? Actually by mistake i have purchased vue template, which is not usable for me.
Hi there, we bought the “Vue Luma LMS”. Can you give us access to Gitlab my username is @deepkode
Thanks
Hi,
Access granted. Before you try npm install again, you should configure your ssh access to gitlab. If you didn’t do that before, here are the instructions https://docs.gitlab.com/ee/ssh/ .
Let me know if there’s anything I can help with. Thank you!
