iview/iview-project

This project is build for Vue.js 2 + vue-router + webpack2 + iView 3

iView

A high quality UI Toolkit built on Vue.js.

Docs

3.x | 2.x | 1.x

Features

• Dozens of useful and beautiful components.
• Friendly API. It's made for people with any skill level.
• Extensive documentation and demos.
• It is quite beautiful.
• Supports both Vue.js 2 and Vue.js 1.

Who's using iView

• TalkingData 腾云天下
• Alibaba 阿里巴巴
• Baidu 百度
• Tencent 腾讯
• Toutiao 今日头条
• JD 京东
• DiDi 滴滴
• Meituan 美团
• Sina 新浪
• iFLYTEK 科大讯飞
• LY 同程艺龙

If your company or products use iView, welcome to click here to leave a message.

Install

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

• Supports Vue.js 2.x
• Supports Vue.js 1.x - visit 1.0 docs
• Supports SSR
• Supports Nuxt.js
• Supports TypeScript
• Supports Electron
• Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name	Avatar	Name	Avatar	Name	Avatar
Aresn		jingsam		rijn
lcx960324		GITleonine1989		huixisheng
Sergio Crisostomo		lison16		Xotic750
huanghong1125		yangdan8

Ecosystem Links

• iView Developer
• iView Run
• iView-Admin
• iView-Loader
• iView-Plugin
• iView-Area
• iView-Editor

License

MIT

Copyright (c) 2016-present, TalkingData

iview-project's Issues

nom run init 报错，采用 npm 安装。请指点！

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'init' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preinit', 'init', 'postinit' ]
5 info lifecycle [email protected]preinit: [email protected]
6 silly lifecycle [email protected]preinit: no script for preinit, continuing
7 info lifecycle [email protected]init: [email protected]
8 verbose lifecycle [email protected]init: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]init: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/maoycn/Sites/iview/node_modules/.bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin:/Users/maoycn/.mos/bin
10 verbose lifecycle [email protected]init: CWD: /Users/maoycn/Sites/iview
11 silly lifecycle [email protected]init: Args: [ '-c', 'webpack --progress --config webpack.dev.config.js' ]
12 silly lifecycle [email protected]init: Returned: code: 2 signal: null
13 info lifecycle [email protected]~init: Failed to exec init script
14 verbose stack Error: [email protected] init: webpack --progress --config webpack.dev.config.js
14 verbose stack Exit status 2
14 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:279:16)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at EventEmitter.emit (events.js:194:7)
14 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at ChildProcess.emit (events.js:194:7)
14 verbose stack at maybeClose (internal/child_process.js:899:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid [email protected]
16 verbose cwd /Users/maoycn/Sites/iview
17 error Darwin 16.5.0
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "init"
19 error node v7.8.0
20 error npm v4.2.0
21 error code ELIFECYCLE
22 error errno 2
23 error [email protected] init: webpack --progress --config webpack.dev.config.js
23 error Exit status 2
24 error Failed at the [email protected] init script 'webpack --progress --config webpack.dev.config.js'.
24 error Make sure you have the latest version of node.js and npm installed.
24 error If you do, this is most likely a problem with the iview-project package,
24 error not with npm itself.
24 error Tell the author that this fails on your system:
24 error webpack --progress --config webpack.dev.config.js
24 error You can get information on how to open an issue for this project with:
24 error npm bugs iview-project
24 error Or if that isn't available, you can get their info via:
24 error npm owner ls iview-project
24 error There is likely additional logging output above.
25 verbose exit [ 2, true ]

npm run dev 端口如何修改？

npm run dev 默认的8080端口如何修改成其他端口？

很多问题

希望作者能够写下具体的部署步骤，我在Mac下试了好几个node和npm版本执行npm run init报错，尤其是ejs文件变量都解析不了

npm run build 生成的文件打开完全是空白，路由出现问题！

最近在用iview做后台页面，但是在npm run build之后，生成的 index_prod.html 打开之后空白一片，css、js文件全部加载不出来，并且在改了路径之后div变成空的，什么都没有。有没有比较完美的解决方案，参考一下，或者官方修复一下。

怎么修改样式文件不能热更新

怎么修改样式文件不能热更新

package.json所包含的包不全

一个一个的下好麻烦

打包后页面空白

iView 版本号

2.0.0-rc.8

操作系统/浏览器 版本号

windows7/Chrome 58.0.3029.81

Vue 版本号

"vue": "^2.2.6",
"vue-router": "^2.2.1",

能够复现问题的在线示例（bug 相关不提供在线示例将直接 close）

复现步骤

问题现象，以及你期望的结果是怎样的?

页面显示正常

你估计可能的原因是什么（选填）？

not responsive

this is so awesome just need to be response :)
thanks for this awesome project

npm run build以后编译的css发生错误

我添加了一个布局，并自定义了一个css样式，内容如下：

.layout-content{
    height: calc(100% - 100px);
    margin: 15px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
  }

但是运行npm run build以后，在dist文件夹生成的main.css变成了下面这样：

.layout-content[data-v-52fcc876] {
  height: calc(-38%);
  margin: 15px;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}

height为什么会变成-38%

npm run build 报错是什么原因

src/template/ 目录下的ejs 是用来干嘛的，文档没说

How to use `globalization` to `EN`?

How to use globalization to EN?
I tried

// main.js
import locale from 'iview/src/locale/lang/en-US';
Vue.use(iView,{locale});
----------
// index.vue
<Date-picker type="date" placeholder="Date picker" style="width: 200px"></Date-picker>

But don't work

"npm run dev" error

"npm run dev" error
logs:
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?, performance?, 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.extensions[0] should not be empty.
  at webpack (C:\Users\58212\AppData\Roaming\npm\node_modules\webpack\lib\webpack.js:19:9)
  at processOptions (C:\Users\58212\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-server.js:209:13)
  at Object. (C:\Users\58212\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-server.js:228:1)
  at Module._compile (module.js:570:32)
  at Object.Module._extensions..js (module.js:579:10)
  at Module.load (module.js:487:32)
  at tryModuleLoad (module.js:446:12)
  at Function.Module._load (module.js:438:3)
  at Module.runMain (module.js:604:10)
  at run (bootstrap_node.js:394:7)
  at startup (bootstrap_node.js:149:9)
  at bootstrap_node.js:509:3

npm ERR! Windows_NT 10.0.10240
npm ERR! argv "C:\dev\nodejs\node.exe" "C:\Users\58212\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\bin\npm-cli.js" "--userconfig=C:\Users\58212\.cnpmrc" "--disturl=https://npm.taobao.org/mirrors/node" "--registry=https://registry.npm.taobao.org" "run" "dev"
npm ERR! node v6.9.4
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.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 iview-project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs iview-project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls iview-project
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\58212\Desktop\workspace\iview-project\npm-debug.log

npm run dev 报错

webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js

events.js:160
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE 127.0.0.1:8080
at Object.exports._errnoException (util.js:1022:11)
at exports._exceptionWithHostPort (util.js:1045:20)
at Server._listen2 (net.js:1259:14)
at listen (net.js:1295:10)
at net.js:1405:9
at GetAddrInfoReqWrap.asyncCallback [as callback] (dns.js:62:16)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:81:10)

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
npm ERR! node v6.9.5
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.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 iview-project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs iview-project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls iview-project
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! D:\Repos\iVivew\iviewproject\npm-debug.log

iview Date-picker设置clearable 和readonly等属性时报错

[Vue warn]: Invalid prop: type check failed for prop "clearable". Expected Boolean, got String.
请问这是什么原因！求大神指点

build 失败

`
ERROR in Error: Child compilation failed:

1 | 

2 |
| ^
3 |
4 |
5 | <title>Webpack 3mApp</title>
:

1 | 

2 |
| ^
3 |
4 |
5 | <title>Webpack 3mApp</title>

• compiler.js:76
  [iview]/[html-webpack-plugin]/lib/compiler.js:76:16

• Compiler.js:214 Compiler.
  [iview]/[webpack]/lib/Compiler.js:214:10

`

after run init, chinese change into messy code

after run init & dev, chinese change into messy code，I dont know how to fix this，Is there anyone who can help me ?

希望能出个教程

iview很好用,但是这个工程有很多不明白的地方,比如如何使用这个项目,以及为什么默认生成的index中#app不能删除...很惆怅,如果有时间希望能出个详细一点的说明文档,谢谢.

npm run init 报错

ERROR in ./src/main.js
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/home//project"
at /home//project/iview-project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:299:19
at Array.map (native)
at OptionManager.resolvePresets (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:270:20)
at OptionManager.mergePresets (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:259:10)
at OptionManager.mergeOptions (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:244:14)
at OptionManager.init (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/options/option-manager.js:374:12)
at File.initOptions (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/index.js:216:65)
at new File (/home//project/iview-project/node_modules/babel-core/lib/transformation/file/index.js:139:24)
at Pipeline.transform (/home//project/iview-project/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
at transpile (/home//project/iview-project/node_modules/babel-loader/lib/index.js:41:20)
at Object.module.exports (/home/**/project/iview-project/node_modules/babel-loader/lib/index.js:138:12)

如何覆盖iview项目的样式

原因

有时候iview的默认样式不符合自己的项目的需求，所以希望可以自己修改并覆盖，当然不是通过修改源码的方式，但是修改后的类名会被添加上随机类，导致修改不成功。

这是希望覆盖的样式

.index-data .ivu-select-dropdown{
   min-height: none;
 }

编译过后的结果是

 .index-data .ivu-select-dropdown[_v-d2e85778] {
    min-height: none; 
}

请问如何修改使得其不添加

v_d2e85778

npm run dev Cannot GET /

webpack compiled successfully but npm run dev Cannot GET /

Having issue while i override Less theme

Hi,

I have an issue when im trying to override less theme.
I have followed this : https://www.iviewui.com/docs/guide/theme-en

But i encountered a webpack issue :

Thanks for your reply 👍

Regards

最新版2.14.2 这里的是2.0.0-rc.8，快一年半没更新啦，更新下版本吧

以及相关依赖包的版本，谢谢啦

table使用问题

1.如何自定义列内容显示的颜色，return html标签，标签竟然也显示出来了
2.单元格内容自动换行，表格看起来很乱，能否默认显示一行，其余自动截取，鼠标放上去，tip显示
3.上个问题给个回复好嘛

How to open the son file iview

webpack build一次大概30分钟，求解

webpack build一次大概30分钟，求解

npm run init报错

D:\www\iview-project>npm run init

[email protected] init D:\www\iview-project
webpack --progress --config webpack.dev.config.js

58% 13/16 build modulesContainer#eachAtRule is deprecated. Use Container#walkAt
Rules instead.
Container#eachRule is deprecated. Use Container#walkRules instead.
Container#eachDecl is deprecated. Use Container#walkDecls instead.
Node#style() is deprecated. Use Node#raw()
Container#remove is deprecated. Use Container#removeChild
Node#_value was deprecated. Use Node#raws.value

npm ERR! Windows_NT 6.1.7600
npm ERR! argv "D:\Program Files\nodejs\node.exe" "D:\Program Files\nodejs\
node_modules\npm\bin\npm-cli.js" "run" "init"
npm ERR! node v6.2.0
npm ERR! npm v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] init: webpack --progress --config webpack.dev.conf ig.js
npm ERR! Exit status 3221225501
npm ERR!
npm ERR! Failed at the [email protected] init script 'webpack --progress --con
fig webpack.dev.config.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 iview-project package
,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --config webpack.dev.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs iview-project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls iview-project
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! D:\www\iview-project\npm-debug.log

Expanded table opened by default

How to set expanded table open by default?
i found this params "_expanded: true", but don't know where it must be placed

reference :
"给行数据 data 的某项设置 _expanded 为 true，可以默认展开当前行，设置 _disableExpand 可以禁用当前行的展开功能。
渲染展开区域与自定义列模板方法类似，使用 render 函数。当内容较复杂时，可拆分为组件或使用 JSX。"

报错的是不是没按顺序运行

npm install npm run init npm run dev

不支持最新版本的webpack

现在用最新版本的webpack 会报错

打包完， 表格组件，字体变得很大

执行npm run init的时候提示没有这个命令，该如何处理？

请问，执行npm run init后，提示“missing script: init”，该如何处理

表格中的on-row-click 方法 传什么参数可以获取行数据

npm run init np , however npm run dev error.

[email protected] dev /Users/zeus/Heaven/iview-project-forVue/iview-project
webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config webpack.dev.config.js

/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv-keywords/keywords/instanceof.js:52
throw new Error('invalid "instanceof" keyword value ' + c);
^

Error: invalid "instanceof" keyword value Promise
at getConstructor (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv-keywords/keywords/instanceof.js:52:11)
at Ajv.compile (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv-keywords/keywords/instanceof.js:21:27)
at Object.useCustomRule (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/compile/index.js:289:26)
at Object.generate_custom [as code] (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/dotjs/custom.js:32:24)
at Object.generate_validate [as validate] (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/dotjs/validate.js:229:37)
at Object.generate_anyOf [as code] (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/dotjs/anyOf.js:35:27)
at generate_validate (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/dotjs/validate.js:229:37)
at localCompile (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/compile/index.js:99:22)
at Ajv.compile (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/compile/index.js:67:13)
at _compile (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/ajv.js:328:29)
at Ajv.compile (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/ajv/lib/ajv.js:114:34)
at validateObject (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/webpack/lib/validateSchema.js:36:23)
at validateSchema (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/webpack/lib/validateSchema.js:31:10)
at processConfiguredOptions (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/webpack-cli/bin/convert-argv.js:156:48)
at module.exports (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/webpack-cli/bin/convert-argv.js:150:10)
at Object. (/Users/zeus/Heaven/iview-project-forVue/iview-project/node_modules/webpack-dev-server/bin/webpack-dev-server.js:234:54)

Mac npm run init 的时候报错

js beautify error

i run npm install

but i found error like this
npm ERR! path /usr/local/lib/node_modules/vue-cli/node_modules/js-beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod
npm ERR! enoent ENOENT: no such file or directory, chmod '/usr/local/lib/node_modules/vue-cli/node_modules/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

do you have any solution?
thanks for awesome product

如何代理请求

在使用该项目的时候 需要设置请求代理，按照如下配置。

webpack.dev.config.js

希望把页面上 /api相关的请求都代理到http://local.engineer.com:5000这个路径下，

config.devServer = {
	inline: true,
	proxy: {
		'/api*': {
			xfwd: true,
			// host: '127.0.0.1:3002',
			target: 'http://local.engineer.com:5000',
			bypass: function (req, res, proxyOptions) {
				console.log('Proxy: ' + req.url);
			}
		}
	}
}

但是结果,请求还是在当前的localhost目录。导致请求没有代理成功

POST http://localhost:8080/api/data 400 (Bad Request)

table expand问题

当表格固定列时，如最右侧列设置为fixed: 'right',expand展开显示有问题

表格中render Input-number 点击无反应

render: (h, params) => {
                       return h('div', [
                           h('Input-number', {
                               props: {
                                   type: 'primary',
                                   size: 'small',
                                   min:1,
                                   max:9
                               },
                               style: {
                                   marginRight: '5px'
                               },
                               on: {
                                   click: () => {
                                      //  this.show(params.index)
                                      alert(1);
                                   }
                               }
                           }, '')
                       ]);
                   }

可以成功显示，但是点击无任何反应！！

这个工程的内容是不是有点简单了

这个工程的内容是不是有点简单了，运行起来后就一个页面，点击后弹出一个窗口。
就这点内容作者想演示什么呢？

能不能说明白点，怎么用你这个项目吗？

// install dependencies
npm install

好歹也给个dependencies吧，install 什么鬼呢？？服

layout布局

两级左侧导航能否支持导航折叠？
教程上看到两级左侧导航和左侧导航折叠均已实现，二者同时支持是否实现，能否提供对应api

两级左侧导航如图

左侧导航折叠如图

样式不能热更新

如题。
有看到其它 已关闭的 issue ，却没给出解决方案 #25
用 iView Cli 生成的项目也是这样子

还不如用 vue cli

vue-i18n 使用了6.0 翻译不了,为什么呢？

import iViewZhLocale from 'iview/src/locale/lang/zh-CN';
import iViewEnLocale from 'iview/src/locale/lang/en-US';
// 国际化配置
const i18n = new VueI18n({
	locale: 'en-US', // set locale
	messages: {
		'zh-CN': iViewZhLocale,   // 中文语言包
		'en-US': iviewEnLocale    // 英文语言包
	}
});

其他的都和官网的一样，不知道为什么用了vue-i18n 6.0后，翻译不了iView组件了

npm run init 报错

按照教程：
在执行npm run init时报错，说明系统为windows系统。
报错文件为：app.vue和index.vue。
报错截图为：

即时删除app.vue和index.vue内容，一样报错。
求指导,谢谢

运行 npm run build以后, 打包出来的文件不生效.

运行 npm run build之后,将 index_prod.html 和 dist目录 拷贝至 服务器静态文件夹下,访问 index_prod.html无效.显示空白的页面.

支持移动端吗？

Good Job! 请问支持移动端吗？

ERROR in ./~/html-webpack-plugin/lib/loader.js!./src/template/index.ejs Module build failed: SyntaxError: Unexpected token (1:0)

这个错误是因为

webpack.base.config.js文件42行 的正则错误原因造成的，请改成 如下：
test: /iview\/.*?\.js$/,

add vuex ?

直接clone这个项目，npm install, npm init，然后跑npm run dev报错。

C:\Users\Administrator\Documents\GitHub\iview-project>npm run dev

[email protected] dev C:\Users\Administrator\Documents\GitHub\iview-project
webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config webpack.dev.config.js

fs.js:157
throw new ERR_INVALID_CALLBACK();
^

TypeError [ERR_INVALID_CALLBACK]: Callback must be a function
at maybeCallback (fs.js:157:9)
at Object.fs.write (fs.js:674:14)
at C:\Users\Administrator\Documents\GitHub\iview-project\webpack.dev.config.js:10:8
at FSReqWrap.oncomplete (fs.js:169:20)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config webpack.dev.config.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev 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! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2018-06-17T20_52_06_477Z-debug.log