【Vue+iView】根据iView提供的实例（iview-project-3.0）作为模板开始新项目 遇到的问题

#1）记录说明：

使用iview提供的脚手架、下载iview脚手架实例（iview-project-3.0）。

下载实例后，需要安装node，npm，webpack

#2）安装node.js

说明：如何检查Node.js是否安装正常

在命令提示符面板中，输入命令：node -v

输入命令【npm -v】 ，可查看当前npm的版本

#3）安装webpack

通过cmd进入项目根目录文件夹，输入：

npm install webpack --save-dev

npm install -g webpack-dev-server

#4）开始iview_project

使用iview提供的iview脚手架实例：

https://github.com/iview/iview-project

下载后，在含有package.json这个文件执行命令。

• //安装依赖

npm install

• //第一次执行的话需要额外执行，用来创建html

npm run init

#5）可能出现的问题及本人成功解决的方法：

Q1，vue组件库iView初始化npm run init 报错 iview TypeError [ERR_INVALID_CALLBACK]: Callback must be a function

找到D:\iview\iview-admin-dev\build\webpack.dev.config.js 打开将这一行代码：

fs.write(fd, buf, 0, buf.length, 0, function(err, written, buffer) {});

替换为

fs.write(fd, buf, 0, 'utf-8', function(err, written, buffer) {});

Q2，在该项目下不需要再安装webpack，可以通过查看该项目中的package.json，其中已经包含webpack等配置。

Q3，如果遇上

Error: Cannot find module 'webpack'   /   'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序

等错误，可以删除NPM目录下的 webpack / webpack-cli / webpack-server 等目录然后重新解压iview实例项目，在其中重复 #4）中的安装操作。

• //然后运行

npm run dev

 

#6）说明：

里面的方法主要是转载了其他博主的内容，但是在实现他们的方法的过程中，我也遇到了一些当时没有查到的问题，记录下来以便以后查看。对在这里引用了内容的博主一并感谢。