iview实例 |
您所在的位置:网站首页 › iview入门 › iview实例 |
#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 //第一次执行的话需要额外执行,用来创建htmlnpm 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)说明: 里面的方法主要是转载了其他博主的内容,但是在实现他们的方法的过程中,我也遇到了一些当时没有查到的问题,记录下来以便以后查看。对在这里引用了内容的博主一并感谢。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |