Giter Club home page Giter Club logo

vue-light-bootstrap-dashboard's Introduction

Admin dashboard based on light bootstrap dashboard UI template + vue-router

This project is a vue version of Light bootstrap dashboard designed for vue js. The dashboard includes Bootstrap 4, vue-router, chartist, google-maps and several other plugins/components.

Check the Live Demo here.

๐Ÿš€ Getting started

Vue Light Bootstrap Dashboard is built on top of Bootstrap 4, Vuejs and Vue-router. To get started do the following steps:

  1. Download the project
  2. Make sure you have node.js (https://nodejs.org/en/) installed
  3. Type npm install in the source folder where package.json is located
  4. Type npm run dev to start the development server

The repo uses vue-cli scaffolding which takes care of the development setup with webpack and all the necessary modern tools to make web development faster and easier.

โ˜๏ธ Build Setup

install dependencies

npm install

serve with hot reload at localhost:8000

npm run dev

build for production with minification

npm run build

run unit tests

npm run unit

run and watch unit tests

npm run unit:watch

๐Ÿ“‹ Contribution guide

  • npm install or yarn install
  • Please don't use jQuery or jQuery based plugins since there are many pure Vue alternatives

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

vue-light-bootstrap-dashboard's People

Contributors

alexandru-paduraru avatar cristijora avatar dee-see avatar dragosct avatar maisamaf avatar marqbeniamin avatar panta avatar sajadevo avatar yuxino avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-light-bootstrap-dashboard's Issues

How to set props

Sorry if this is too obvious... I'm learning Vue and am just trying to set the props on the sidebar components. I see there's a default value for things like the title and color, but I don't think that's how I should be setting it.

I tried in light-bootstrap-main.js with no luck. Can someone help with this?

image

Great work!!!

Hi Cristi.

This is Joaquin entering in touch with you about vue-light-bootstrap-dashboard. Firstly I want to congrat for great work about it.

Recently I have integrate the vue-light-bootstrap-dashboard with Laravel and is great by your architecture and develop concept on vue-light-bootstrap-dashboard, this made more easy this integrate.

I have migrate mi personal Blog to your vue-light-bootstrap-dashboard and I wanted to share this to you.

Please visit: https://www.blog.joaquinlozanoc.ml/home

Note: This is only content part, still is pending to migrate user session and comments part

Regards

Disable sidebar links

Hello,

How do we disable sidebar links, without removing them ?

I tried to add an disabled attribut on the tag but it doesn't work.

Any help?

Project start problem

systemlists
When i npm run dev it after npm i it gives npm install --save core-js/modules/es6.regexp.to-string this dependency is missing and when i try to install it says Could not install from "core-js\modules\es6.regexp.to-string" as it does not contain a package.json file kindly guide me whats wrong thanks

[ERROR] Failed to compile with 3 errors

Same error bellow in two different machines, after running npm i -> npm run dev...

Tried to install core-js as suggested but the same error continues.

[ERROR] Failed to compile with 3 errors

This dependncy was not found:

  • core-js/modules/es6.regexp.to-string in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Cards/ChartCard.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Inputs/BaseRadio.vue?vue&type=script&lang=js& and 1 other

To install it, you can run: npm install --save core-js/modules/es6.regexp.to-string

wont serve on windows

$ node -v
v10.15.3
$ npm -v
6.4.1
$ vue -V
3.6.3
user@L007260 MINGW64 ~examples/dashboard (master)
$ ls
CHANGELOG.md CONTRIBUTING.md intelij.webpack.js package.json README.md vue.config.js
CODE_OF_CONDUCT.md documentation LICENSE public src yarn.lock

user@L007260 MINGW64 ~examples/dashboard (master)
user@L007260 MINGW64 ~examples/dashboard (master)
$ npm install
npm WARN deprecated [email protected]: core-js@<2.6.5 is no longer maintained. Please, upgrade to core-js@3 or at least to actual version of
core-js@2.
npm WARN deprecated [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.

[email protected] install \dashboard\node_modules\yorkie
node bin/install.js

setting up Git hooks
can't find .git directory, skipping Git hooks installation

[email protected] install \dashboard\node_modules\node-sass
node scripts/install.js

Cached binary found at C:\Users\user\AppData\Roaming\npm-cache\node-sass\4.11.0\win32-x64-64_binding.node

[email protected] postinstall \dashboard\node_modules\node-sass
node scripts/build.js

Binary found at \dashboard\node_modules\node-sass\vendor\win32-x64-64\binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1275 packages from 681 contributors and audited 28494 packages in 85.657s
found 1 high severity vulnerability
run npm audit fix to fix them, or npm audit for details

user@L007260 MINGW64 ~examples/dashboard (master)
$ npm run serve

[email protected] serve \dashboard
vue-cli-service serve --open

INFO Starting development server...
98% after emitting CopyPlugin

ERROR Failed to compile with 3 errors 1:35:10 PM
This dependency was not found:

  • core-js/modules/es6.regexp.to-string in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Cards/ChartCard.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Inputs/BaseCheckbox.vue?vue&type=script&lang=js& and 1 other
    To install it, you can run: npm install --save core-js/modules/es6.regexp.to-string

Error about $sidebar-width SCSS variable in nuxt.js

Dear team,

I am using vue-light-bootstrap-dashboard for nuxt.js v1.4.0 and got an error as below. Could you please help!

Note:

  • I installed node-sass and sass-loader
    $ npm install --save-dev node-sass sass-loader
  • In nuxt.config.js added the CSS resources:
    css: [
    '~/assets/sass/light-bootstrap-dashboard.scss'
    ]

Log error:

ERROR  Failed to compile with 1 errors                                                                         11:44:45
error  in ./assets/sass/light-bootstrap-dashboard.scss

Module build failed: Error: Lexical error on line 1. Unrecognized text.
100% - $sidebar-width
-------^
   at Parser.parseError (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:160:21)
   at Object.parseError (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:309:28) 
  at Object.next (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:564:25)
   at Object.lex (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:574:22)
   at Object.lex (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:578:25)
   at lex (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:196:27)
   at Parser.parse (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\parser.js:209:26)
   at E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\index.js:35:30
   at walk (E:\nuxt\part3\node_modules\postcss-value-parser\lib\walk.js:15:13)
   at ValueParser.walk (E:\nuxt\part3\node_modules\postcss-value-parser\lib\index.js:18:5)
   at exports.default (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\reduce-css-calc\dist\index.js:29:51)
   at transformValue (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\postcss-calc\dist\lib\transform.js:24:45)
   at exports.default (E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\postcss-calc\dist\lib\transform.js:54:100)
   at E:\nuxt\part3\node_modules\postcss-cssnext\node_modules\postcss-calc\dist\index.js:28:52
   at E:\nuxt\part3\node_modules\postcss\lib\container.js:144:26
   at Rule.each (E:\nuxt\part3\node_modules\postcss\lib\container.js:110:22)

@ ./assets/sass/light-bootstrap-dashboard.scss 4:14-220 13:3-17:5 14:22-228
@ ./.nuxt/App.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

This dependency was not found:

This dependency was not found:

  • core-js/modules/es6.regexp.to-string in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Cards/ChartCard.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Inputs/BaseCheckbox.vue?vue&type=script&lang=js& and 1 other

To install it, you can run: npm install --save core-js/modules/es6.regexp.to-string

Collapsible Sidebar

Thanks for this great design!

Is it possible to collapse and uncollapse the sidebar?

[Bug] Project does not build

Version

2.1.0

Reproduction link

https://jsfiddle.net/

Operating System

Ubuntu 22.04.1 LTS

Device

Laptop

Browser & Version

Google Chrome, Version 109.0.5414.74 (Official Build) (64-bit)

Steps to reproduce

nvm use v19.4.0
unzip vue-light-bootstrap-dashboard-master.zip
cd vue-light-bootstrap-dashboard-master.zip
npm install
npm run dev

What is expected?

It is expected to work out of the box

What is actually happening?

Project fails to build, 40+ vulnerabilities are reported but "npm audit fix" nor "npm audit fix --force" fixes them.

Running "npm run dev" is unable to launch the application.

10% building 2/2 modules 0 activeError: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:471:10)
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:503:5
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:358:12
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
10% building 2/5 modules 3 active ...ode_modules/webpack-dev-server/client/index.js?http://localhostnode:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:140:10)
    at module.exports (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:471:10)
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:503:5
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/webpack/lib/NormalModule.js:358:12
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
    at /home/rcavaz/Downloads/vue-light-bootstrap-dashboard-master/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v19.4.0

Bellow is the output after npm audit fix --force

> [email protected] dev
> vue-cli-service serve --open

 INFO  Starting development server...
 ERROR  ValidationError: Progress Plugin Invalid Options
        
        options should NOT have additional properties
        options should NOT have additional properties
        options should NOT have additional properties
        options should pass "instanceof" keyword validation
        options should match exactly one schema in oneOf
        
ValidationError: Progress Plugin Invalid Options

options should NOT have additional properties
options should NOT have additional properties
options should NOT have additional properties
options should pass "instanceof" keyword validation
options should match exactly one schema in oneOf

    at validateOptions (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack/node_modules/schema-utils/src/validateOptions.js:32:11)
    at new ProgressPlugin (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack/lib/ProgressPlugin.js:62:3)
    at new Progress (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/progress-webpack-plugin/index.js:25:21)
    at new progressPlugin (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/progress-webpack-plugin/index.js:127:10)
    at /home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack-chain/src/Plugin.js:14:18
    at module.exports.toConfig (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack-chain/src/Plugin.js:78:22)
    at /home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack-chain/src/Config.js:129:63
    at Array.map (<anonymous>)
    at module.exports.toConfig (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/webpack-chain/src/Config.js:129:40)
    at Service.resolveWebpackConfig (/home/rcavaz/Documents/Sandbox/vue-light-bootstrap-dashboard/node_modules/@vue/cli-service/lib/Service.js:277:34)

Solution

Additional comments

Failed to compile with 3 errors

"version": "2.0.0"

I am getting the below errors when I run npm run dev

ERROR Failed to compile with 3 errors

This dependency was not found:

  • core-js/modules/es6.regexp.to-string in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Cards/ChartCard.vue?vue&type=script&lang=js&, ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Inputs/BaseRadio.vue?vue&type=script&lang=js& and 1 other

To install it, you can run: npm install --save core-js/modules/es6.regexp.to-string

Then I followed the instruction to run npm install --save core-js/modules/es6.regexp.to-string, but could not install.

npm ERR! code ENOLOCAL
npm ERR! Could not install from "core-js\modules\es6.regexp.to-string" as it does not contain a package.json file.

How can I solve this error?

Login

Do you plan to add a login page?

Dependencies have critical security vulnerabilities

Version

master

Reproduction link

https://jsbin.com/xinuvuzovi

Operating System

Windows 10

Device

Desktop pc

Browser & Version

Chrome Version 114.0.5735.134 (Official Build) (64-bit)

Steps to reproduce

  1. npm install
  2. npm audit

Shows "45 vulnerabilities (1 low, 13 moderate, 26 high, 5 critical)" but only 1 package is actually critical, which is ejs<3.1.7

What is expected?

No critical vulnerabilities in the project.

What is actually happening?

Npm reports security vulnerabilities.


Solution

Additional comments

Deployment error, Cannot find module "X"

I am trying to test the project in a heroku or scalingo app, but in both services i get an error while it build.

Cannot find module chalk,

The problem is that if i put chalk in the dependencies of package.json then the error persist but with another dependencies like

Cannot find module opn or Cannot find module express but all of these are in devDependencies

I have not touched the default build of the project, just installed some aditional dependencies.

this is the log on scalingo build

`
<-- Start deployment of erp-web -->
Fetching source code
-----> Creating runtime environment

   NPM_CONFIG_LOGLEVEL=error
   NPM_CONFIG_PRODUCTION=true
   NODE_VERBOSE=false
   NODE_ENV=production
   NODE_MODULES_CACHE=true

-----> Installing binaries
engines.node (package.json): >= 4.0.0
engines.npm (package.json): >= 3.0.0

   Resolving node version >= 4.0.0...
   Downloading and installing node 11.8.0...
   Bootstrapping npm >= 3.0.0 (replacing 6.5.0)...
   npm 6.7.0 installed

-----> Restoring cache
Skipping cache restore (not-found)
-----> Building dependencies
Installing node modules (package.json + package-lock)
added 82 packages from 60 contributors and audited 9353 packages in 4.024s
found 15 vulnerabilities (10 low, 1 moderate, 3 high, 1 critical)
run npm audit fix to fix them, or npm audit for details
Running build

   > [email protected] build /build/af2e373b-92c5-4880-88f6-6bdeed04cea0
   > node build/build.js

internal/modules/cjs/loader.js:613
throw err;
^e:
Error: Cannot find module 'chalk'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:611:15)
at Function.Module._load (internal/modules/cjs/loader.js:537:25)
at Module.require (internal/modules/cjs/loader.js:665:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (/build/af2e373b-92c5-4880-88f6-6bdeed04cea0/build/check-versions.js:1:75)
at Module._compile (internal/modules/cjs/loader.js:736:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:747:10)
at Module.load (internal/modules/cjs/loader.js:628:32)
at tryModuleLoad (internal/modules/cjs/loader.js:568:12)
at Function.Module._load (internal/modules/cjs/loader.js:560:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: node build/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build 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! /tmp/npmcache.ZotDd/_logs/2019-01-28T18_28_13_175Z-debug.log
-----> Build failed
`
Am i missing something?

Syntax Error: Unexpected token import('chartist')

Hi!, i'm starting on Vuejs/Nodejs throw your template. And all is working well with my Debian/9 and Node LTS (8.9), but i want to dockerize (Docker) your code, and i'm follow this instrucctions: http://vuetips.com/use-docker-containers so i have an error:

> [email protected] dev /src
> node build/dev-server.js

> Starting dev server...
 ERROR  Failed to compile with 1 errors18:27:07

 error  in ./src/components/UIComponents/Cards/ChartCard.vue

Syntax Error: Unexpected token (129:27)

  127 |   async mounted () {
  128 |     this.updateChartId()
> 129 |     const Chartist = await import('chartist')
      |                            ^
  130 |     this.$Chartist = Chartist
  131 |     this.initChart()
  132 |   }



 @ ./src/components/UIComponents/Cards/ChartCard.vue 8:0-115 9:0-128
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/Dashboard/Views/Overview.vue
 @ ./src/components/Dashboard/Views/Overview.vue
 @ ./src/routes/routes.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

> Listening at http://localhost:8080

Do you have some recommendation? I did find this issue babel/babel-loader#493 and i don't have idea if is relationed.

19 vulnerabilities (10 low, 5 moderate, 3 high, 1 critical)

Hello, after installing it with npm install my console says to me...

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.

added 1549 packages from 1729 contributors and audited 10180 packages in 37.739s
found 19 vulnerabilities (10 low, 5 moderate, 3 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

How can i fix this? Because after npm update, ncu -u, npm audit fix, npm audit fix --force, everything ist up to date but there are still 9 vulnerabilities + npm run dev is generating tons of errors and the page is not working. What can i do to improve the security?

exception events.js:183 on Mac 10.13

Getting an exception while doing "run dev". No errors during build process.

npm run dev

node build/dev-server.js

Starting dev server...
events.js:183
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE :::8000
at Object._errnoException (util.js:1024:11)
at _exceptionWithHostPort (util.js:1046:20)
at Server.setupListenHandle [as _listen2] (net.js:1351:14)
at listenInCluster (net.js:1392:12)
at Server.listen (net.js:1476:7)
at Function.listen (/Users/sergueijoukov/devl/vue_work/vue-light-bootstrap-dashboard/node_modules/express/lib/application.js:618:24)
at Object. (/Users/sergueijoukov/devl/vue_work/vue-light-bootstrap-dashboard/build/dev-server.js:85:18)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
at Function.Module.runMain (module.js:676:10)
at startup (bootstrap_node.js:187:16)
at bootstrap_node.js:608:3

I found two typos

Hi @cristijora . Thanks for this great design!

image

But I found two typos in user profile view .

The first one should be light-bootstrap and the second one should be email.

If you think there is a problem, I can help you modify it. โค๏ธ

how can i use `hotReload`

$ npm run dev

Can i use hotReload ? I thought I could fix the hotMiddleware in the dev-server.js (hot: true)

var hotMiddleware = require('webpack-hot-middleware')(compiler, {
  hot: true, // not working
  log: false,
  heartbeat: 2000
})

plz help me. thanks

Error element DatePicker, SelectPicker, Tags, Tables

Dear support friends, we have understood a premium support so that you can help with the installation of the LBD theme of vue.

it turns out that I installed everything normally, however, the DatePicker, TimePicker, Slider, Tags and Tables, are not with the corresponding styles, although it is true, these components work but do not look like the original template, annex image of the problem.

Stay tuned to your comments.

Captura de Pantalla 2019-04-16 a la(s) 17 39 25

Captura de Pantalla 2019-04-16 a la(s) 17 39 58

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.