vue-bulma / vue-admin Goto Github PK

View Code? Open in Web Editor NEW

9.4K 414.0 1.6K 172.57 MB

We are refactoring it, using the latest Vue and Bulma. WIP

vue-admin's Introduction

Vue Bulma

WIP

We are refactoring it, using the latest Vue and Bulma.

Todo

vue-next
vue-bulma
- bulma v0.8
- modules

vue-admin's People

Contributors

Stargazers

Watchers

Forkers

nd888915 fhferreira sweetsojib aslijiasheng 2bj iamkenwang techscientist theo-codeitup liguyu gitter-badger aidenzou rucky2013 lamking dewdad jeoam wuhongjun abc5213091 winiceo chenz24 cxliuneu wujie520303 martinhearn ichengyc dreamapplehappy loki315zx zakarya decebal zhuwei05 then198611 laoxubuer tianlizhao murribu tlongzou ascenddai redlucas doriandrn kira8565 belinchung projectarchives meiquant udeth zetrosoft wengang dobbbri parsegarden alanerzhao pingen eudotto ibeizhu tudousi991112 cve studyforfun leexhwhy jerroldlee iolson hryyan ma2shita yunhuo skekasaurus sokis wuchaohua shniu peterchenug jxsdzht2010 digideskio wthuan ux-ftw tomfanxiaojun vebin looknd diablozzc freefly801213 jiugewx lianjie5664 lzhengms dapang laozhuang727 littleboss chaabni naufaldi xyd123 lucksuper noneven noobzhang fangyongbao zhanghaibin0712 wwmin hqxluoyang loginsight leinue kdes70 zy841336855 shinexiao pksurecom lomoye glauberf byesoft yene psi-4ward gz65555

vue-admin's Issues

[npm run dev] throw new WebpackOptionsValidationError

[email protected] dev /private/var/www/apache/gospel/admin
node build/server.js

/private/var/www/apache/gospel/admin/node_modules/.2.1.0-beta.25@webpack/lib/webpack.js:16
throw new WebpackOptionsValidationError(webpackOptionsValidationErrors);
^
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

configuration has an unknown property 'vue'. These properties are valid:
object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
For typos: please correct them.
For loader options: webpack 2 no longer allows custom properties in configuration.
Loaders should be updated to allow passing options via loader options in module.rules.
Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
plugins: {
new webpack.LoaderOptionsPlugin({
// test: /.xxx$/, // may apply this only for some modules
options: {
vue: ...
}
})
}
configuration.resolve has an unknown property 'fallback'. These properties are valid:
object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache? }
configuration.resolve.extensions[0] should not be empty.
at webpack (/private/var/www/apache/gospel/admin/node_modules/.2.1.0-beta.25@webpack/lib/webpack.js:16:9)
at Object. (/private/var/www/apache/gospel/admin/build/server.js:9:18)
at Module._compile (module.js:435:26)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Function.Module.runMain (module.js:467:10)
at startup (node.js:136:18)
at node.js:963:3

npm ERR! Darwin 15.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v4.2.2
npm ERR! npm v2.14.7
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: node build/server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node build/server.js'.
npm ERR! This is most likely a problem with the vue-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/server.js
npm ERR! You can get their info via:
npm ERR! npm owner ls vue-admin
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /private/var/www/apache/gospel/admin/npm-debug.log

Forms

Autoform

ERROR in ./~/babel-loader?

Run npm run dev after npm install
But found the error when open http://127.0.0.1:8080

How can I change ?

root@efa3ad245623:/usr/src/myapp/vue-admin# npm run dev
npm info it worked if it ends with ok
npm info using [email protected]
npm info using [email protected]
npm info predev [email protected]
npm info dev [email protected]

> [email protected] dev /usr/src/myapp/vue-admin
> node build/dev-server.js

Listening at http://localhost:8080

webpack: wait until bundle finished: /index.html
webpack built f2af37d985ec8984c13d in 46659ms
Hash: f2af37d985ec8984c13d
Version: webpack 1.13.1
Time: 46659ms
                                           Asset     Size  Chunks       Chunk Names
 static/fonts/MaterialIcons-Regular.012cf6a.woff  57.6 kB
    static/fonts/fontawesome-webfont.25a3241.eot  76.5 kB
  static/fonts/fontawesome-webfont.e6cf7c6.woff2  71.9 kB
   static/fonts/fontawesome-webfont.c8ddf1e.woff  90.4 kB
      static/img/fontawesome-webfont.d7c6390.svg   392 kB
  static/fonts/MaterialIcons-Regular.e79bfd8.eot   143 kB
  static/fonts/MaterialIcons-Regular.a37b0c0.ttf   128 kB
    static/fonts/fontawesome-webfont.1dc35d2.ttf   153 kB
static/fonts/MaterialIcons-Regular.570eb83.woff2  44.3 kB
         static/img/emojione.sprites.7f64a26.svg  3.16 MB
                     static/img/logo.5c8c1f0.png    11 kB
                  static/img/[email protected]  24.1 kB
                                          0.0.js  15.1 MB       0
                                          app.js  3.24 MB       1       app

ERROR in ./~/babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/pages/UI/Form.vue
Module not found: Error: Cannot resolve module 'cleave.js/dist/addons/cleave-phone.cn' in /usr/src/myapp/vue-admin/src/components/pages/UI
 @ ./~/babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/pages/UI/Form.vue 11:0-48
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  21.8 kB       0
webpack: bundle is now VALID.

很多组件没有看到使用文档，比如Collapse这个组件该怎么使用？

How to use vue-admin for future updates

could you tell me how we can use vue-admin for our project that if you submitted new commits can be easily merged? and is it production ready?

Components

Components/Levelbar.vue

不好意思，一个简单的拼写错误，我就不发pull request了，感谢fundon的辛勤劳动，我们正在使用，后续希望可以贡献代码。

src/components/Levelbar.vue Line:68

         if (item.subMenu) {
      if (item.link) {
        temp.push({
          lable: item.label,// lable => label
          link: item.link
        })

Datepicker: themes

Splits the components to vue-bulma?

https://github.com/vue-bulma

Rollup?

This is absolutely awesome!

Dude! This is absolutely awesome! Makes me wanna go build admin panels with vue ASAP!!
Thank you!

tabs下面使用表格时候表格样式乱掉了.

tabs下面使用表格时候表格样式乱掉了.
请问这种有办法解决么、

Doc

Guide
- Installation
- Introduction
Advanced

[npm run dev]You may need an appropriate loader to handle this file type.

xieyang-2:admin xieyang$ cnpm run dev

[email protected] dev /private/var/www/apache/gospel/admin
node build/dev-server.js

server started at localhost:8080
webpack: wait until bundle finished: /
webpack: wait until bundle finished: /
webpack built 23d395279e5d00bea362 in 33427ms
Hash: 23d395279e5d00bea362
Version: webpack 2.1.0-beta.25
Time: 33427ms
Asset Size Chunks Chunk Names
fonts/fontawesome-webfont.ttf?1dc35d2 153 kB
materialdesignicons-webfont.svg?8b3c39c92337731eed918959d2abee5f 1.86 MB
fonts/materialdesignicons-webfont.eot?d5247f9 246 kB
fonts/materialdesignicons-webfont.ttf?3daf0ea 246 kB
fonts/materialdesignicons-webfont.woff2?85f0bd2 93.9 kB
fonts/materialdesignicons-webfont.woff?6f612b8 122 kB
fonts/fontawesome-webfont.eot?25a3241 76.5 kB
fontawesome-webfont.svg?d7c639084f684d66a1bc66855d193ed8 392 kB
fonts/fontawesome-webfont.woff2?e6cf7c6 71.9 kB
fonts/fontawesome-webfont.woff?c8ddf1e 90.4 kB
app.js 7.48 MB 0 app
vendor.js 278 kB 1 vendor
app.js.map 9.3 MB 0 app
vendor.js.map 343 kB 1 vendor

ERROR in .//.0.0.1@vue-bulma-jump/src/index.js
Module parse failed: /private/var/www/apache/gospel/admin/node_modules/.0.0.1@vue-bulma-jump/src/index.js Unexpected token (1:7)
You may need an appropriate loader to handle this file type.
| export BackToTop from './BackToTop'
| export default from './Jump'
|
@ .//.6.2.5@babel-loader!./~/.9.5.0@vue-loader/lib/selector.js?type=script&index=0!./client/views/components/BackToTop.vue 50:0-43
@ ./client/views/components/BackToTop.vue
@ ./client/router/menu.js
@ ./client/router/index.js
@ ./client/app.js
@ ./client/index.js
@ multi app

ERROR in .//.0.0.1@vue-bulma-emoji/src/index.js
Module parse failed: /private/var/www/apache/gospel/admin/node_modules/.0.0.1@vue-bulma-emoji/src/index.js Unexpected token (1:7)
You may need an appropriate loader to handle this file type.
| export filter from './filter'
|
| export EmojiIcon from './EmojiIcon'
@ .//.6.2.5@babel-loader!./~/.9.5.0@vue-loader/lib/selector.js?type=script&index=0!./client/views/components/Emoji.vue 52:0-52
@ ./client/views/components/Emoji.vue
@ ./client/router/menu.js
@ ./client/router/index.js
@ ./client/app.js
@ ./client/index.js
@ multi app

ERROR in .//.0.0.1@vue-bulma-progress-tracker/src/index.js
Module parse failed: /private/var/www/apache/gospel/admin/node_modules/.0.0.1@vue-bulma-progress-tracker/src/index.js Unexpected token (1:7)
You may need an appropriate loader to handle this file type.
| export StepItem from './StepItem'
| export default from './Tracker'
|
@ .//.6.2.5@babel-loader!./~/.9.5.0@vue-loader/lib/selector.js?type=script&index=0!./client/views/components/ProgressTracker.vue 74:0-71
@ ./client/views/components/ProgressTracker.vue
@ ./client/router/menu.js
@ ./client/router/index.js
@ ./client/app.js
@ ./client/index.js
@ multi app
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 559 kB 0
webpack: bundle is now VALID.

I am gonna use it :)

Hi,

I really like bulma and now I need build a dashboard for some stats. Your project fits my need :)

Thank you :)

Login Panel

chartist won't draw after ajax success

I'm trying to set chartist data from ajax:

<div class="tile is-parent">
  <article class="tile is-child box">
    <h4 class="title">Chart</h4>
    <div class="block">
      <chartist class="lines-bars" :type="'Line'" :data="lineAreaData" :options="lineAreaOptions"></chartist>
    </div>
  </article>
</div>

methods: {
  setChart () {
    $.ajax({
      url: 'url'
      type: 'GET',
      success: function (ret) {
        this.lineAreaData.series[0] = ret
      }.bind(this),
      error: function (xhr, status, err) {
        console.error('url', status, err.toString())
      }
    })
  }
},

ready () {
  this.setChart()
}

I've checked this.lineAreaData.series has been set as I expect in ajax success event,
but chartist won't refresh until resize browser, any suggestion will be appreciated, thx!

Datepicker: Disable failed

Live demo error

the https://vue-admin.fundon.me site on Chrome v50.0.2661.102 m gives error:

vendor.47929fa358fbcd2b8725.js:2 Uncaught SyntaxError: missing ) after argument list
manifest.7a8aaf8….js:1 Uncaught TypeError: Cannot read property 'call' of undefined

no such file or directory ...

Error: no such file or directory
at MemoryFileSystem.readFileSync (C:\Users\xhl\node_modules\memory-fs\lib\MemoryFileSystem.js:107:10)
at devMiddleWare.waitUntilValid (C:\Users\xhl\Desktop\demo-master\vue-admin-next\build\server.js:28:20)
at Function.webpackDevMiddleware.waitUntilValid (C:\Users\xhl\node_modules\webpack-dev-middleware\middleware.js:228:39)
at app.get (C:\Users\xhl\Desktop\demo-master\vue-admin-next\build\server.js:26:19)
at Layer.handle as handle_request
at next (C:\Users\xhl\node_modules\express\lib\router\route.js:131:13)
at Route.dispatch (C:\Users\xhl\node_modules\express\lib\router\route.js:112:3)
at Layer.handle as handle_request
at C:\Users\xhl\node_modules\express\lib\router\index.js:277:22
at param (C:\Users\xhl\node_modules\express\lib\router\index.js:349:14)
at param (C:\Users\xhl\node_modules\express\lib\router\index.js:365:14)
at Function.process_params (C:\Users\xhl\node_modules\express\lib\router\index.js:410:3)
at next (C:\Users\xhl\node_modules\express\lib\router\index.js:271:10)
at middleware (C:\Users\xhl\node_modules\webpack-hot-middleware\middleware.js:39:48)
at Layer.handle as handle_request
at trim_prefix (C:\Users\xhl\node_modules\express\lib\router\index.js:312:13)

node v6.2.0
npm 3.8.9

为何tab-pane里的内容不能复制

如题，光标无法选中

npm run dev bug

ERROR in ./client/App.vue
Module not found: Error: Can't resolve 'vue-style-loader' in 'D:\GitHub\vue-admin\client'
@ ./client/App.vue 4:0-163
@ ./client/app.js
@ ./client/index.js
@ multi app

ERROR in ./client/components/layout/Navbar.vue
Module not found: Error: Can't resolve 'vue-style-loader' in 'D:\GitHub\vue-admin\client\components\layout'
@ ./client/components/layout/Navbar.vue 4:0-166
@ ./client/components/layout/index.js
@ ./~~/.npminstall/babel-loader/6.2.5/babel-loader!./~~/.npminstall/vue-loader/9.3.2/vue-loader/lib/selector.js?type=script&index=0!./client/App.vue
@ ./client/App.vue
@ ./client/app.js
@ ./client/index.js
@ multi app

ERROR in ./client/components/layout/Sidebar.vue
Module not found: Error: Can't resolve 'vue-style-loader' in 'D:\GitHub\vue-admin\client\components\layout'
@ ./client/components/layout/Sidebar.vue 4:0-167
@ ./client/components/layout/index.js
@ ./~~/.npminstall/babel-loader/6.2.5/babel-loader!./~~/.npminstall/vue-loader/9.3.2/vue-loader/lib/selector.js?type=script&index=0!./client/App.vue
@ ./client/App.vue
@ ./client/app.js
@ ./client/index.js
@ multi app

ERROR in ./client/components/layout/Main.vue
Module not found: Error: Can't resolve 'vue-style-loader' in 'D:\GitHub\vue-admin\client\components\layout'
@ ./client/components/layout/Main.vue 4:0-164
@ ./client/components/layout/index.js
@ ./~~/.npminstall/babel-loader/6.2.5/babel-loader!./~~/.npminstall/vue-loader/9.3.2/vue-loader/lib/selector.js?type=script&index=0!./client/App.vue
@ ./client/App.vue
@ ./client/app.js
@ ./client/index.js
@ multi app
webpack: bundle is now VALID.

Electron app

Basic usage

i installed via npm, how do i use in my vuejs app?

npm ERR! cb() never called!

npm run build error

ERROR in /Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/vue-style-loader/index.js!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/style-loader/index.js!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/css-loader/index.js!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/vue-loader/lib/style-rewriter.js?id=data-v-17!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/sass-loader/index.js!/Users/chuck/seaify/online-products/fenzotech/movement-admin/node_modules/vue-loader/lib/selector.js?type=styles&index=0!/Users/chuck/seaify/online-products/fenzotech/movement-admin/client/views/ui/Icons.vue doesn't export content

chuck@chuck-MacBook-Pro-2:~/seaify/online-products/fenzotech/movement-admin(master|✔) % node -v                                                        (master|✔)
v6.4.0
chuck@chuck-MacBook-Pro-2:~/seaify/online-products/fenzotech/movement-admin(master|✔) % npm -v                                                         (master|✔)
3.10.3

项目结构有点乱啊

_src / components 这里面应该放的是组件源码，不应该是测试组件。看的我有点晕。希望能改进。

Tables

webpack.base.conf.js windows problem

Putting in the regex to include vue-bulma does not work on windows.
Using
node_modules\\' + path.sep + '(?!vue-bulma-).*
does work though

国内浏览器兼容性问题

请问有没有测试过国内浏览器的兼容性哦？UI很漂亮，不过就是担心兼容性

BEM?

http://getbem.com/naming/

Upgrade to Vue 2.0

Vue Bulma Components

NOTES:

vuejs/vue#2873
https://github.com/vuejs/vuejs.org/tree/2.0/src/guide

Do you have a plan to integrate with the Vue Table?

Hi fundon,

The framework is cool. While most of the user require the table feature. But the table we used in here is not good enough. Do you have a plan to integrate with the Vue Table?

e.g. https://github.com/ratiw/vue-table

Charts not fully responsive

I believe this only applies to ChartJS charts, first visit a page with charts, then navigate to any other page and resize it, then navigate back and all the charts seem skewed.

Tested in Chrome

About Page

webpack: npm run build

/Users/fundon/Dev/repos/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:90
            throw e;
            ^

TypeError: Cannot read property '/Users/fundon/Dev/repos/vue-admin/node_modules/extract-text-webpack-plugin' of null
    at /Users/fundon/Dev/repos/vue-admin/node_modules/extract-text-webpack-plugin/index.js:257:27
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:462:4
    at Array.forEach (native)
    at callback (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:461:14)
    at Compilation.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:482:4)
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:326:10
    at /Users/fundon/Dev/repos/vue-admin/node_modules/async/lib/async.js:52:16
    at Object.async.forEachOf.async.eachOf (/Users/fundon/Dev/repos/vue-admin/node_modules/async/lib/async.js:236:30)
    at Object.async.forEach.async.each (/Users/fundon/Dev/repos/vue-admin/node_modules/async/lib/async.js:209:22)
    at Compilation.addModuleDependencies (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:192:8)
    at Compilation.processModuleDependencies (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:177:7)
    at Compilation.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:469:8)
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:124:4
    at Array.forEach (native)
    at callback (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:123:12)
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compilation.js:147:10
    at setError (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/NormalModule.js:214:3)
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/NormalModule.js:178:18
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/NormalModule.js:137:11
    at /Users/fundon/Dev/repos/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:328:11
    at /Users/fundon/Dev/repos/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:150:20
    at context.callback (/Users/fundon/Dev/repos/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:87:13)
    at Object.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/extract-text-webpack-plugin/loader.js:116:12)
    at Compiler.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compiler.js:251:10)
    at /Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/Compiler.js:442:12
    at next (/Users/fundon/Dev/repos/vue-admin/node_modules/tapable/lib/Tapable.js:81:11)
    at Compiler.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/extract-text-webpack-plugin/loader.js:82:4)
    at next (/Users/fundon/Dev/repos/vue-admin/node_modules/tapable/lib/Tapable.js:83:14)
    at Compiler.<anonymous> (/Users/fundon/Dev/repos/vue-admin/node_modules/webpack/lib/CachePlugin.js:61:4)
    at Compiler.applyPluginsAsync (/Users/fundon/Dev/repos/vue-admin/node_modules/tapable/lib/Tapable.js:85:13)

npm ERR! Darwin 16.0.0
npm ERR! argv "/Users/fundon/.nvm/versions/node/v6.3.1/bin/node" "/Users/fundon/.nvm/versions/node/v6.3.1/bin/npm" "run" "build"
npm ERR! node v6.3.1
npm ERR! npm  v3.10.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `rm -rf dist && webpack --config build/webpack.prod.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script 'rm -rf dist && webpack --config build/webpack.prod.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the vue-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     rm -rf dist && webpack --config build/webpack.prod.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs vue-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls vue-admin
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/fundon/Dev/repos/vue-admin/npm-debug.log

UI: Sidebar responsive

Latest update breaks sidebar responsive button

Current next branch as of posting this, when resizing the window in Chrome latest or Safari Dev Preview latest, the sidebar collapses but the burger menu button does not work when clicked to make the sidebar visible.

DatePicker data binding?

How do I add binding to the datepicker component?
Neither v-model="item.start_date" nor :v-bind:value="item.start_date" work as it's a fragment instance and value="item.start_date" populates but doesn't sync...
Sorry there's probably an obvious answer to this that I have overlooked...Thanks!

Bugs with Datepicker

click Basics Datepicker on: https://vue-admin.fundon.me/#!/components/datepicker, while clicking input fields one by one downward, got the following picture easily.

Unable to bootstrap, error when npm run dev

➜ vue-admin git:(master) cnpm --version
4.2.0
➜ vue-admin git:(master) node --version
v6.2.1

 vue-admin git:(master) cnpm run dev

> [email protected] dev /Users/yeer/go/src/github.com/fundon/vue-admin
> node build/dev-server.js

Listening at http://localhost:8080

webpack built 40e0165a1044ed4c4d47 in 17772ms
Hash: 40e0165a1044ed4c4d47
Version: webpack 1.13.1
Time: 17772ms
                                           Asset     Size  Chunks       Chunk Names
  static/fonts/MaterialIcons-Regular.a37b0c0.ttf   128 kB
    static/fonts/fontawesome-webfont.25a3241.eot  76.5 kB
  static/fonts/fontawesome-webfont.e6cf7c6.woff2  71.9 kB
   static/fonts/fontawesome-webfont.c8ddf1e.woff  90.4 kB
      static/img/fontawesome-webfont.d7c6390.svg   392 kB
  static/fonts/MaterialIcons-Regular.e79bfd8.eot   143 kB
    static/fonts/fontawesome-webfont.1dc35d2.ttf   153 kB
 static/fonts/MaterialIcons-Regular.012cf6a.woff  57.6 kB
static/fonts/MaterialIcons-Regular.570eb83.woff2  44.3 kB
                     static/img/logo.5c8c1f0.png    11 kB
                  static/img/[email protected]  24.1 kB
                                          0.0.js  13.5 MB       0
                                          app.js  3.25 MB       1       app

ERROR in ./~/.npminstall/vue-bulma-jump/0.0.0/vue-bulma-jump/src/index.js
Module parse failed: /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/vue-bulma-jump/0.0.0/vue-bulma-jump/src/index.js Unexpected token (1:7)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:7)
    at Parser.pp.raise (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:923:13)
    at Parser.pp.unexpected (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1490:8)
    at Parser.pp.expect (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1484:26)
    at Parser.pp.parseExportSpecifiers (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:2229:8)
    at Parser.pp.parseExport (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:2201:28)
    at Parser.pp.parseStatement (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1762:85)
    at Parser.pp.parseTopLevel (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1666:21)
    at Parser.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1632:17)
    at Object.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:885:44)
    at Parser.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack/1.13.1/webpack/lib/Parser.js:902:15)
    at DependenciesBlock.<anonymous> (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack/1.13.1/webpack/lib/NormalModule.js:104:16)
    at DependenciesBlock.onModuleBuild (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:310:10)
    at nextLoader (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:275:25)
    at /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:259:5
    at Storage.finished (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/enhanced-resolve/0.9.1/enhanced-resolve/lib/CachedInputFileSystem.js:38:16)
    at /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/graceful-fs/4.1.4/graceful-fs/graceful-fs.js:78:16
 @ ./~/.npminstall/babel-loader/6.2.4/babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./~/.npminstall/vue-loader/8.5.3/vue-loader/lib/selector.js?type=script&index=0!./src/components/pages/Components/BackToTop.vue 7:20-45

ERROR in ./~/.npminstall/vue-bulma-progress-tracker/0.0.1/vue-bulma-progress-tracker/src/index.js
Module parse failed: /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/vue-bulma-progress-tracker/0.0.1/vue-bulma-progress-tracker/src/index.js Unexpected token (1:7)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:7)
    at Parser.pp.raise (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:923:13)
    at Parser.pp.unexpected (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1490:8)
    at Parser.pp.expect (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1484:26)
    at Parser.pp.parseExportSpecifiers (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:2229:8)
    at Parser.pp.parseExport (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:2201:28)
    at Parser.pp.parseStatement (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1762:85)
    at Parser.pp.parseTopLevel (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1666:21)
    at Parser.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:1632:17)
    at Object.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/acorn/3.2.0/acorn/dist/acorn.js:885:44)
    at Parser.parse (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack/1.13.1/webpack/lib/Parser.js:902:15)
    at DependenciesBlock.<anonymous> (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack/1.13.1/webpack/lib/NormalModule.js:104:16)
    at DependenciesBlock.onModuleBuild (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:310:10)
    at nextLoader (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:275:25)
    at /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/webpack-core/0.6.8/webpack-core/lib/NormalModuleMixin.js:259:5
    at Storage.finished (/Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/enhanced-resolve/0.9.1/enhanced-resolve/lib/CachedInputFileSystem.js:38:16)
    at /Users/yeer/go/src/github.com/fundon/vue-admin/node_modules/.npminstall/graceful-fs/4.1.4/graceful-fs/graceful-fs.js:78:16
 @ ./~/.npminstall/babel-loader/6.2.4/babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./~/.npminstall/vue-loader/8.5.3/vue-loader/lib/selector.js?type=script&index=0!./src/components/pages/Components/Progress.vue 11:31-68
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  21.9 kB       0
webpack: bundle is now VALID.

Require is not defined.

Ran 'npm install' and then 'npm run dev' and the app breaks in the browser because of a 'require is not defined' error. Am I missing a step?

Bug with LevelBar

In LevelBar.vue, if the menu's label and link are different, the breadcrumb is wrong, see here: The breadcrum just show Home

I think the code can fix :

// Levelbar.vue
methods: {
  find(name, list) {
  ...
  if (item.label === name || item.link === name) {
...

Customizable Layout

run dev no such file or directory

npm run dev

Listening at http://localhost:8080
/Users/pjj/vue-admin/node_modules/loader-runner/lib/loadLoader.js:35
throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)");
^

Error: Module '/Users/pjj/vue-admin/node_modules/url/url.js' is not a loader (must have normal or pitch function)
at loadLoader (/Users/pjj/vue-admin/node_modules/loader-runner/lib/loadLoader.js:35:10)
at iteratePitchingLoaders (/Users/pjj/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:140:2)
at runLoaders (/Users/pjj/vue-admin/node_modules/loader-runner/lib/LoaderRunner.js:326:2)
at NormalModule.doBuild (/Users/pjj/vue-admin/node_modules/webpack/lib/NormalModule.js:125:2)
at NormalModule.build (/Users/pjj/vue-admin/node_modules/webpack/lib/NormalModule.js:173:15)
at Compilation.buildModule (/Users/pjj/vue-admin/node_modules/webpack/lib/Compilation.js:127:9)
at /Users/pjj/vue-admin/node_modules/webpack/lib/Compilation.js:303:10
at /Users/pjj/vue-admin/node_modules/webpack/lib/NormalModuleFactory.js:63:13
at NormalModuleFactory.applyPluginsAsyncWaterfall (/Users/pjj/vue-admin/node_modules/tapable/lib/Tapable.js:123:70)
at onDoneResolving (/Users/pjj/vue-admin/node_modules/webpack/lib/NormalModuleFactory.js:38:11)
at onDoneResolving (/Users/pjj/vue-admin/node_modules/webpack/lib/NormalModuleFactory.js:135:6)
at /Users/pjj/vue-admin/node_modules/webpack/lib/NormalModuleFactory.js:130:7
at /Users/pjj/vue-admin/node_modules/async/lib/async.js:726:13
at /Users/pjj/vue-admin/node_modules/async/lib/async.js:52:16
at done (/Users/pjj/vue-admin/node_modules/async/lib/async.js:246:17)
at /Users/pjj/vue-admin/node_modules/async/lib/async.js:44:16

npm ERR! Darwin 15.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: node build/server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node build/server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the vue-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs vue-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls vue-admin
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/pjj/vue-admin/npm-debug.log

无法成功构建，大量报错

我用很多办法，还是无法构建，这是用了啥geek技术，根本没法用？开课前，劳驾先把代码搞正确好不好