ShopsN移动端编译安装及排除故障大全如：Cannot find module 'chalk'

admin

不要以为前后端分离的编译技术对于不懂编程的你如同天书，
按我们的步骤非常方便。有基本网络操作技术即可。只需要简单几步即可完成！
在前端开发技术迅猛发展的今天，前端开发早已不是前端切图那种老式的概念。Angular/Vue/React等技术已经日渐普及。所以惧怕新事物是不行的，要跟上时代发展才是正确心态。

一,下载 2.2版本的 ShopsN手机H5端(vue源码) 到你电脑, pc端,服务端(api站)传到你的云主机，配置好数据库连接，域名绑定好
现在你的云主机上有2个站点：mydomain.com就是你自己的域名，别跟我说你没有域名。。
在域名商的管理界面，增加www和api 两个A记录，绑定到两个不同站点上。代码也是不同的哦！www放置商城代码，api放置接口代码。这个在下载的百度云盘里是写的很清楚的。
www.mydomain.com   （web+wap+微商城 默认安装的时候已经配置好数据库了，会跟下面的api站共用一个mysql数据库。可以在\Application\Common\Conf\db.php找到）
api.mydomain.com  (api接口用。不显示内容，为前后端分离的Vue及app所用接口服务.别忘了配置对接好跟web站共用的数据库，Application\Common\Conf\db_config.php,内容参考web站的mysql配置。否则这个接口api站是不发生作用的，可能会导致手机站打开一片空白)
三, 在自己电脑D盘建一个目录如d:\ wap ，这是做编译用的。不是在站点里。把h5压缩包放进去解开压缩（注意不要再有如解压后产生的任何额外目录，除非你会根据情况增加实际编译路径）。
1.打开 \手机端文件夹\config\globle.js,寻找window.API_URL='http://api.shopsn.net/'; 改为你的api站点名字，如api.mydomain.com
2.   打开wap\src\main.js修改里面的 URl = 'http://demo.shopsn.net 改为你的网址 如 web.shopsn.net


四,本地安装Node.js (http://nodejs.cn/download/),目前nodejs已经集成安装了npm包，一般windows机器直接下载msi后缀后直接下一步即可完成。装好后点击运行，输入cmd打开终端窗口。输入node
–v 检测你的node是否出现版本号，npm –v 检测。两次检测均有反应，证明已经成功安装了环境。但让人头疼的是，依赖的模块不全，需要再安装一次npm 包,这就是标准的技术坑。当然技术有挖坑就有填坑，后面继续看。
目前node版本中默认安装的npm仅有核心模块，导致编译时缺少某些模块，编译时会产生如Cannot find module 'chalk'的提示。在编译前需要联网下载扩展模块安装一次npm。安装Node.js环境跟安装npm 包,可能会出现一些问题,百度上一般都有解决办法。




命令： npm install 。因为网络的问题，很多人都会半路遇到报错：npm ERR! code EINTEGRITY。



这时有三种方法：
1.启用VPN会获得国外良好的访问速度。有时可能一次通过，有时安装仍可能会报错


原因是socket挂起，再运行一次就是了。我某次试了3次才好。一次1-2分钟左右。
2.没有vpn时，先运行

1.如果有package-lock.json文件，就删掉

2.管理员权限进入cmd
3.执行npm cache clean --force
4.之后再npm install

如此方法不行，网上还有种方法是更换

sha1

，百度

npm ERR! code EINTEGRITY

查询其他方法。

[table=100%,white][/table]
然后就没问题了。下载有进度条，需要等2-3分钟。边下载边自动解压文件。文件大概4M左右吧。提示完成后，就可以编译了。这次真的不会有问题了。
运行npm run build 注意，不是npm build run ！
3.在下载代码的云盘目录里，我上传了一份适用于win7的module目录压缩包，没有意外的话，把这个覆盖到你的module。模块也就有了。具体步骤未经亲自测试，但有用户反馈是可行的。

五,使用npm 包来编译 手机客户端,
         1,打开CMD,  切换到客户端文件夹如cd D:\wap,使用命令 npm run
build 重新编译文件,





         2,等待几分钟编译完成,将编译过后的文件 dist内的文件(static跟index.html)代码上传至服务器根目录下的mobile目录。没有就直接建立一个。         只需要将dist 文件夹内的文件上传或覆盖即可,其他文件不需要提交

核心关联贴：ShopsN接口api站配置方法
http://www.shopsn.net/bbs/forum. ... ad&tid=82&fromuid=1
(出处: ShopsN开源商城系统)

admin

补充截图：成功安装nmp后的样子。

据说cnmp也可以，是淘宝做的一个镜像。我没试过。可以自己搜索相关方法。

admin

关于升级手机端编译源码版本的注意事项：

1.保留wap目录下的modules目录。这是之前下载的依赖包，好不容易弄到的。就别删了。
2.删除wap下其他文件。
3.复制新的版本到目录里。
4.cmd到d：/wap里，执行
node -v  
显示版本号--ok  

npm -v
显示版本号---ok。

用npm install 修复一下包依赖关系文件。

然后执行npm run build即可
同理，如果你是用的cnpm，则执行cnpm run build  。

admin

以上都是早期所编辑的文章，
如果多商户商城，多个客户端需要每个都下载依赖包，那太麻烦了。可以参阅下文，配置统一环境。

help.shopsn.net