Hi! I just bought the vuejs theme. I’m following the README file to run the project, but in the first step, “npm install” I’m getting an error.

Can you, please, check what’s the problem an if it’s on the Theme, fix it? Many thanks!

Eltons-MBP:vuely elton$ npm install

> grpc@1.13.1 install /Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc > node-pre-gyp install—fallback-to-build—library=static_library

node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.13.1/node-v67-darwin-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for grpc@1.13.1 and node@11.2.0 (node-v67 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Pre-built binaries not installable for grpc@1.13.1 and node@11.2.0 (node-v67 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Hit error Connection closed while downloading tarball file CXX Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o CXX Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o rm: ./Release/.deps/Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o.d.raw: No such file or directory make: * [Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o] Error 1 gyp CXX Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:182:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:254:12) gyp ERR! System Darwin 18.2.0 gyp ERR! command ”/usr/local/Cellar/node/11.2.0/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “—fallback-to-build” “-library=static_library” “-module=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unknown/grpc_nod e.node” “-module_name=grpc_node” “-module_path=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unkno wn” “-napi_version=3” “-node_abi_napi=napi” gyp ERR! cwd /Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc gyp ERR! node -v v11.2.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute ’/usr/local/Cellar/node/11.2.0/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwi n-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v6 7-darwin-x64-unknown—napi_version=3—node_abi_napi=napi’ (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/node_modules/node-pre-gyp/lib/util/compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:182:13) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:978:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5) node-pre-gyp ERR! System Darwin 18.2.0 node-pre-gyp ERR! command ”/usr/local/Cellar/node/11.2.0/bin/node” ”/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/node_modules/.bin/node-pre-gyp”“install” “-fallback-to-build” “-library=static_library” node-pre-gyp ERR! cwd /Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc node-pre-gyp ERR! node -v v11.2.0 node-pre-gyp ERR! node-pre-gyp -v v0.10.3 node-pre-gyp ERR! not ok Failed to execute ’/usr/local/Cellar/node/11.2.0/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unknown—napi_version=3—node_abi_napi=napi’ (1) CXX Release/obj.target/grpc/deps/grpc/src/core/lib/backoff/backoff.oexec install script ../deps/grpc/src/core/lib/backoff/backoff.cc:19:10: fatal error: ‘grpc/support/port_platform.h’ file not found #include <grpc/support/port_platform.h> ^{_{~~~~~~~~~~~~~~}~ 1 error generated.░⸩ ⠙ install: info lifecycle grpc@1.13.1~install: Failed to exec install script make: *} [Release/obj.target/grpc/deps/grpc/src/core/lib/backoff/backoff.o] Error 1 gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:182:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:254:12) gyp ERR! System Darwin 18.2.0 gyp ERR! command ”/usr/local/Cellar/node/11.2.0/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “-fallback-to-build” “-library=static_library” “-module=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unknown/grpc_node.node” “-module_name=grpc_node” “-module_path=/Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc/src/node/extension_binary/node-v67-darwin-x64-unknown” “-napi_version=3” “—node_abi_napi=napi” gyp ERR! cwd /Users/elton/Projects/vuely-v4.3.0/vuely/node_modules/grpc gyp ERR! node -v v11.2.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok npm WARN ajv-keywords@3.2.0 requires a peer of ajv@6.0.0 but none is installed. You must install peer dependencies yourself.

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.13.1 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.13.1 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/elton/.npm/_logs/2018-12-07T09_33_53_427Z-debug.log Eltons-MBP:vuely elton$

Can Vuely be used to create landing pages?

Hi! Do I need to use/have intalled PHP/Laravel in order to use this template? Or I can just use the seed to code all site only with JS and restful calls? Thanks!

Preview is broken, error message: Failed to load resource: net::ERR_CONNECTION_RESET

Hi IronNetwork,

I have installed this theme, and i am using laravel + vuely. My question is, when i follow this url to customization, https://iron-network.gitbook.io/vuely/vuely-laravel/customization, i have facing problem why the page is 404, although i have executed npm run dev successfuly.

By the way, i didn’t php artisan serve due to i was running use docker (laradock). What is it the factor ?Thanks.

Really like Vuely. How do I remove the gradient at the main view side edges?

How could I run npm i using my windows machine

Hello I am a developer in Laravel and would like to know what is the process to login without using Auth0? Removing auth0 is the best option that you propose?

Hi, I already bought the theme before several minutes. But when I open it, I can’t access any files, and I cant find files of html or php, maybe because of vue.js while I’m not familiar with vue.js or JS expert.

Could please I want refund for my purchase, and give me your email to send u my license number and info fr my purchase

Thank u

Hello there,

I would like to integrate Vuely into my existing Laravel project. Unfortunately I don’t find much in the documentation. What exactly do I have to consider ? Can you help me with that? So far I have only worked in the backend so that the frontend is still completely on Laravel installation state.

Dear Support Team

I installed your theme yesterday and wanted to run unit tests with Jest. After 4 hours of configuring and testing I gave it up. Do you have any Jest unit-tests running? I would like to see an example.

Thank you in advance.

Best regards comprano

Hi there,

Thanks for the great Vuely theme! I’ve learned a lot from the way you structured the code.

One question… I changed the AuthService.js file to no longer work with Auth0 and for whatever reason I’m seeing the following error: “Uncaught TypeError: auth_AuthService__WEBPACK_IMPORTED_MODULE_1_.default is not a constructor”

On this line in /src/store/modules/auth/index.js:

import AuthService from ’../../../auth/AuthService’;

—> const auth = new AuthService();

const { getUser } = auth;

—

In scouring the net, it seems Webpack treats ES6 classes differently from standard object exports, which might be causing the error… but I have failed to figure out why.

I know this is my own changes, so I don’t expect you to support this… but if you might have any idea why this is happening, it’d really help. I’ve already spent a few hours trying to fix the error, but without any luck.

Thank you for your time!

Scott D Brooks

—

My modified AuthService.js:

```

import api from ‘Api’; import EventEmitter from ‘eventemitter3’ import Nprogress from ‘nprogress’ import router from ’../router’ import { store } from ’../store/store’;

class AuthService { }

constructor() {
  this.signup = this.signup.bind(this);
  this.login = this.login.bind(this);
  this.logout = this.logout.bind(this);
  this.resetPassword = this.resetPassword.bind(this);
  this.lock = this.lock.bind(this);
  this.unlock = this.unlock.bind(this);
  this.setSession = this.setSession.bind(this);
  this.getSession = this.getSession.bind(this);
  this.getUser = this.getUser.bind(this);    
  this.isAuthenticated = this.isAuthenticated.bind(this);
  this.authenticated = this.isAuthenticated();
  this.authNotifier = new EventEmitter();
}

signup(credentials) {
  // credentials = { firstName, lastName, email, password, rememberMe }
  let rememberMe = credentials.rememberMe
  credentials.rememberMe = undefined;
  Nprogress.start();
  api
    .post('/Users', credentials).then(response => {
      if (response.status === 200) {
        response.data.rememberMe = rememberMe
        this.setSession(response.data)
        router.replace('/default/dashboard/ecommerce')  // TODO: replace
      }
    })
    .catch(err => {
      router.replace('/')
      store.dispatch('loginUserFailure', err)
    })
    .then(function () {
      Nprogress.done();
    });
}

login(credentials) {
  // credentials = { email, password, rememberMe }
  let rememberMe = credentials.rememberMe
  credentials.rememberMe = undefined;
  Nprogress.start();
  api
    .post('/Users/login', credentials).then(response => {
      if (response.status === 200) {
        response.data.rememberMe = rememberMe
        this.setSession(response.data)
        router.replace('/default/dashboard/ecommerce')  // TODO: replace
      }
    })
    .catch(err => {
      router.replace('/')
      store.dispatch('loginUserFailure', err)
    })
    .then(function () {
      Nprogress.done();
    });
}

logout() {
  store.dispatch('logoutUserSuccess')
  // Clear access token and ID token from local storage
  let user = this.getSession()
  if (user.rememberMe)  // save just the e-mail in localStorage
    localStorage.setItem('user', JSON.stringify({
      email: user.rememberMe
    }))
  else
    localStorage.removeItem('user')
}

this.authNotifier.emit('authChange', false)
// navigate to the home route
router.push('/session/login')

resetPassword(credentials) {
  // credentials = { oldPassword, newPassword }
  credentials.email = this.getSession().email; // add in e-mail address
  Nprogress.start();
  api
    .post('/Users/reset', credentials).then(response => {
      if (response.status === 200) {
        this.setSession(response.data)
        router.replace('/default/dashboard/ecommerce')  // TODO: replace
        store.dispatch('resetUserPasswordSuccess')
      }
    })
    .catch(err => {
      router.replace('/')
      store.dispatch('resetUserPasswordFailure', err)
    })
    .then(function () {
      Nprogress.done();
    });
}

setSession(authResult) {
  // Set the time that the access token will expire at
  let expiresAt = authResult.ttl * 1000 + new Date().getTime()
  let token = authResult.id
  let userId = authResult.userId
  let firstName = authResult.firstName
  let lastName = authResult.lastName
  let email = authResult.email
  let role = authResult.role
  let rememberMe = authResult.rememberMe
  let user = { expiresAt, token, userId, firstName, lastName, email, role, rememberMe }
  localStorage.setItem('user', JSON.stringify(user))
  this.authNotifier.emit('authChange', { authenticated: true })
  store.dispatch('loginUserSuccess', user)
}

getSession() {
  return JSON.parse(localStorage.getItem('user'))
}

// TODO: When does it get used?
lock() {
  store.dispatch('lockUser')
  this.authNotifier.emit('authChange', false)  // TODO: should we signal lock?
}

unlock(credentials) {
  credentials.email = this.getSession().email; // add in e-mail address
  this.login(credentials);
  this.authNotifier.emit('authChange', true) 
}

isAuthenticated() {
  // Check whether the current time is past the
  // access token's expiry time
  let expiresAt = this.getSession() && this.getSession().expiresAt || 0
  return new Date().getTime() < expiresAt
}

getUser() {
  return this.getSession() || null
}

export default AuthService;

```

Hi, Thanks for your nice template, it is easy to manage!

I’d have one little clue. It would be nice, if you could add ESLint to your project. By running lint on the vuely-seed I got over 3000 errors. They are only some cosmetic errors (tabs, semicolons, ==, ...). It would make your coding style even better and more consistent.

Hello,

in the sidebar, every item on the top level is a container of subitems. Is it possible to replace a container with a single item?

Example: Currently the item ‘Dashboard’ is a group of sub-dashboards. Instead of a group of dashboards I would like to have a single item ‘Dashboard’ – when clicked it redirects to the mainpage

Hi Really cool template and so far love it There is a css bug in your page on callback from auth0 To reproduce it go to your login page Click auth0 login Once you login you will see the loading square(the rotating green one) is at the top of the page instead of center Cheers

Hello.

I’m sorry, this is not what I was looking for.

I expected to see a set of files ”.blade.php”. I don’t need Vue routing and SPA.

Can you get me a refund?

Hello, I’m trying to test my local lavarel based service, I have an API endpoint that looks like this: http://apiservice.local and I can reach it by browser and I can call the API with postman.

However, when I try to use axios I receive a 405 (Method Not Allowed) from Vuely client. It’s a simple post method that calls api/register on the backend service.

Let me know if you need any further information. Kr, Sergio

Really great and clean Template and very easy to configure!

I highly recommend it! The best vue/laravel template so far.

He there. Firstly, a wonderful first impression of this theme and of vue in general, thank you. I am fairly new to vue so will be using this to explore syntax and usage too.

I intend to use this theme as a basis for front-end content as well, not just behind admin login. I wondered if there was pages/examples I missed inside the demos that I could use of non-authed pages (homepage, listing pages, search results etc) . I see a boolean in the code but not sure how to control this (based on the fact the page should be visible to both unlogged and logged in users.

thx

hello, I want to know if vuely there are tools to work roles and permissions using vue-router in laravel?