ShopsN开源商城系统

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 19162|回复: 3

[官方说明文档] ShopsN移动端编译安装及排除故障大全如:Cannot find module 'chalk'

[复制链接]

73

主题

209

帖子

2161

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2161
发表于 2017-10-8 22:19:16 | 显示全部楼层 |阅读模式
不要以为前后端分离的编译技术对于不懂编程的你如同天书,
按我们的步骤非常方便。有基本网络操作技术即可。只需要简单几步即可完成!
在前端开发技术迅猛发展的今天,前端开发早已不是前端切图那种老式的概念。Angular/Vue/React等技术已经日渐普及。所以惧怕新事物是不行的,要跟上时代发展才是正确心态。

,下载 2.2版本的 ShopsN手机H5(vue源码) 到你电脑, pc,服务端(api)传到你的云主机,配置好数据库连接,域名绑定好
现在你的云主机上有2个站点mydomain.com就是你自己的域名,别跟我说你没有域名。。
在域名商的管理界面,增加wwwapi 两个A记录,绑定到两个不同站点上。代码也是不同的哦!www放置商城代码,api放置接口代码。这个在下载的百度云盘里是写的很清楚的。
www.mydomain.com   web+wap+微商城 默认安装的时候已经配置好数据库了,会跟下面的api站共用一个mysql数据库。可以在\Application\Common\Conf\db.php找到)
api.mydomain.com  (api接口用。不显示内容,为前后端分离的Vueapp所用接口服务.别忘了配置对接好跟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内的文件(staticindex.html)代码上传至服务器根目录下的mobile目录。没有就直接建立一个。         只需要将dist 文件夹内的文件上传或覆盖即可,其他文件不需要提交

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





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

73

主题

209

帖子

2161

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2161
 楼主| 发表于 2017-10-9 19:22:08 | 显示全部楼层
补充截图:成功安装nmp后的样子。

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
免费使用的用户,请务必仔细翻一下论坛的官方各种安装说明及管网首页的开发文档。因为别人是没有义务和精力来达到让每个人都满意的程度的。必要的自己动手能力和看文档的耐心是必需的。我们的qq群是用来讨论问题的,我不希望成为新手找人手把手教他的地方。安装不了这种问题请尽量少提。我更不欢迎只会吐槽而无任何改进问题详述的言论。如果大家都能尽自己的力,能完善代码,哪怕是一个小文件发给我们负责反馈的人也是对大家莫大的贡献!
回复 支持 反对

使用道具 举报

73

主题

209

帖子

2161

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2161
 楼主| 发表于 2017-12-5 15:34:02 | 显示全部楼层
关于升级手机端编译源码版本的注意事项:

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  。

免费使用的用户,请务必仔细翻一下论坛的官方各种安装说明及管网首页的开发文档。因为别人是没有义务和精力来达到让每个人都满意的程度的。必要的自己动手能力和看文档的耐心是必需的。我们的qq群是用来讨论问题的,我不希望成为新手找人手把手教他的地方。安装不了这种问题请尽量少提。我更不欢迎只会吐槽而无任何改进问题详述的言论。如果大家都能尽自己的力,能完善代码,哪怕是一个小文件发给我们负责反馈的人也是对大家莫大的贡献!
回复 支持 反对

使用道具 举报

73

主题

209

帖子

2161

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2161
 楼主| 发表于 2019-2-14 17:54:25 | 显示全部楼层
以上都是早期所编辑的文章,
如果多商户商城,多个客户端需要每个都下载依赖包,那太麻烦了。可以参阅下文,配置统一环境。

help.shopsn.net
免费使用的用户,请务必仔细翻一下论坛的官方各种安装说明及管网首页的开发文档。因为别人是没有义务和精力来达到让每个人都满意的程度的。必要的自己动手能力和看文档的耐心是必需的。我们的qq群是用来讨论问题的,我不希望成为新手找人手把手教他的地方。安装不了这种问题请尽量少提。我更不欢迎只会吐槽而无任何改进问题详述的言论。如果大家都能尽自己的力,能完善代码,哪怕是一个小文件发给我们负责反馈的人也是对大家莫大的贡献!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表