GuLi商城-人人开源搭建前端项目

系统管理员 2024-03-27 10:48 114阅读 0赞

人人开源：

![e0866da95f204a28af718e1d7505388d.png][]

下载到本地并解压：

![f3995d7c267e4f748542924f1c81f132.png][]

VsCode打开解压好的项目：

![4c91c968420547c58b0c1881f56f437b.png][]

MAC安装Nodejs，略

参考：[MAC(m1)-安装Nodejs\_ZHOU\_VIP的博客-CSDN博客][MAC_m1_-_Nodejs_ZHOU_VIP_-CSDN]

MAC打开终端：

![ecb93cf76d064166810303d3f380774e.png][]

![b99428a2d0ab4b8088dde668958d0538.png][]

npm install类似maven下载所有的组件

报错：

![fd50d7855935423785a0ab8ed040076a.png][]

解决办法：

![d61a491dcb6040a393a62b4856b880f1.png][]

![f3ea5a14d0a24a8d83b4a37b9f3de863.png][]

还是有问题呀：

![ef3e6d14b62e4ab794354aa2a1dc4aa1.png][]

解决办法：

原因：因为node-sass不支持当前M1的arm环境

1.删除掉package.jeson中"dependencies": \{"node-sass": " "\}

![66bee5bea26f43e8b1b33aac82942b7d.png][]

执行 
    npm uninstall node sass  卸载node -saas
    npm install sass 我执行的是npm install --save-dev sass
    npm install

![2adee7a694aa4bc697faf8f3c9c4b7e8.png][]

![94d384cfe04244e09acfbeba7ab8c880.png][]

![94188162adc341e69c797dc05d454451.png][]

结果还是报错：

![e47a2a1dba4c48ffb52889e5e6115b7a.png][]

准备想其他办法了

--------------------

**准备降低Nodejs的版本，有人推荐用Nodejs14**

[Mac M1，node-sass兼容问题 - 知乎][Mac M1_node-sass_ -]

![a3031cf41a7b4f9892060e7517f8e0e1.png][]

![a9685af76b964884b667d067c42218be.png][]

![cffdf18ecc6a4abcab5a7751f598aa3d.png][]

下载到本地：

![0bd314bd3f7744519978d00e9aa64bca.png][]

安装Nodejs14前，需要卸载之前安装的Nodejs18

![902661764fc54772bf1317c3ad791edf.png][]![4e6b23ae92ba4c07a0a3438fbe466b45.png][]

重新安装Nodejs14

![348ffc81bcdb4032a44dc7aad0990714.png][] ![1763fdde0d854486b015c9bae2313d06.png][]

![a6f1adcd4313407589900fa642203aa5.png][]

[MAC(m1)-安装Nodejs\_ZHOU\_VIP的博客-CSDN博客][MAC_m1_-_Nodejs_ZHOU_VIP_-CSDN]

npm配置淘宝镜像源：

![62d455af5a2d4fc8a48a2e5b90ed2360.png][]

执行：npm install

![78f03c2756674f86b55fec4d7dfa2b91.png][]![2331955d2876497d9618c6e548ced4c3.png][]

![935ada0af649435192adffa9cdfd7f75.png][]

![868c685779a642afa0364b8137fb0e7e.png][]

结果还是不行：

![313b896965c741a19d7b5e606653d3d1.png][]

![d892df1fbab04d5bacea950db84aadcd.png][]

准备手动下载jar，下载到本地之后执行安装命令：

![956b9681adf64bb38bab28640385da2c.png][]

[Failed at the chromedriver@2.27.2 install script.\_零⁮的博客-CSDN博客\_chromedriver@2.27.2][Failed at the chromedriver_2.27.2 install script._-CSDN_chromedriver_2.27.2]

执行：

npm install chromedriver --chromedriver\_filepath=/Users/chromedriver\_mac64.zip

![aaa2600cf3794aed840a91a29c5076b5.png][]

![7719f490f8224974b67ca418ca7dba64.png][]

参考：

[Module build failed: Error: Cannot find module 'node-sass'报错问题\_夕阳下美了剪影的博客-CSDN博客][Module build failed_ Error_ Cannot find module _node-sass_-CSDN]

[Error: EACCES: permission denied, access ‘/usr/local/lib/node\_modules‘的解决方法\_码飞\_CC的博客-CSDN博客][Error_ EACCES_ permission denied_ access _usr_local_lib_node_modules_CC_-CSDN]

参考1：

![93667a5428d6472588647c9d621fc116.png][]

参考2：

![5f25c7bf9edd4d9789d92bcf46965ac8.png][]

MAC终端执行：

![c208fdc6489f41e584954ee25a763b76.png][]

![a7187544174142eaaa99258841729139.png][]![4432f758d04e487d8b6c638fc6c14614.png][]![fbe7a2f38c0a44f6b7b7c9dd8f3d0cb5.png][]

输入：npm run dev

![731fb52ea1c14422a8edc68af9c3de64.png][]

运行完毕浏览器自动打开：

![e665507d21c34d6aa646fd3a459913bb.png][]

打开虚拟机，启动docker mysql服务，运行后端的项目，跑起来后就可以联调了

![6bde7193b9aa476081c7f969c2df4a25.png][]

账号：admin

密码：admin

![dd5072282d31444aa88e7cb7b420651f.png][]

![8097bcf1ac2b4ade9b0ee9a68df8c0ff.png][]

[e0866da95f204a28af718e1d7505388d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/8d6bbe28c45249d0b08d69d17b3848cb.png
[f3995d7c267e4f748542924f1c81f132.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/70a3932fcee8469193ee88bec8dda404.png
[4c91c968420547c58b0c1881f56f437b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e1dc54a1261c448884bf67cd1e296016.png
[MAC_m1_-_Nodejs_ZHOU_VIP_-CSDN]: https://blog.csdn.net/ZHOU_VIP/article/details/128795381?spm=1001.2014.3001.5502
[ecb93cf76d064166810303d3f380774e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/650a03d60170461f891462a086790c4e.png
[b99428a2d0ab4b8088dde668958d0538.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/711171dd33fb47428d6e86afd851831b.png
[fd50d7855935423785a0ab8ed040076a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/16552fe04fa14bb48a9980ed22fa66da.png
[d61a491dcb6040a393a62b4856b880f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b0bc1923e9074d1393cd35f90a07570d.png
[f3ea5a14d0a24a8d83b4a37b9f3de863.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c85f78bbce91454681f4f9ad332e321f.png
[ef3e6d14b62e4ab794354aa2a1dc4aa1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/527914651aa4499686c219558a27d57b.png
[66bee5bea26f43e8b1b33aac82942b7d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/ff955b0a7f62404396b52103e9cf6cdf.png
[2adee7a694aa4bc697faf8f3c9c4b7e8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5b5ba60f6a4d4fa4a7d580ee7d045ee6.png
[94d384cfe04244e09acfbeba7ab8c880.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/bba16e3b4a664e8a80081260a690832c.png
[94188162adc341e69c797dc05d454451.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/52380b21794a46f28361ea45563ca76c.png
[e47a2a1dba4c48ffb52889e5e6115b7a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6f8d5bd6ba564dd99bd8c1726442eb13.png
[Mac M1_node-sass_ -]: https://zhuanlan.zhihu.com/p/367661156
[a3031cf41a7b4f9892060e7517f8e0e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/92193797d2a145c09f426f56549dd490.png
[a9685af76b964884b667d067c42218be.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1fbd6f451a0c42c3b623f985254e1296.png
[cffdf18ecc6a4abcab5a7751f598aa3d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5845aa39dbd94989b5745dfa511a5b82.png
[0bd314bd3f7744519978d00e9aa64bca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c9f6987dc0d54591818244ab810fada9.png
[902661764fc54772bf1317c3ad791edf.png]: https://img-blog.csdnimg.cn/902661764fc54772bf1317c3ad791edf.png
[4e6b23ae92ba4c07a0a3438fbe466b45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c8bbee26cf2f41f4aa63da8b9d195e1c.png
[348ffc81bcdb4032a44dc7aad0990714.png]: https://img-blog.csdnimg.cn/348ffc81bcdb4032a44dc7aad0990714.png
[1763fdde0d854486b015c9bae2313d06.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c30a434255954d7cbb9111f076716b9c.png
[a6f1adcd4313407589900fa642203aa5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/44c16d0eeb9d460c9630da0df836223a.png
[62d455af5a2d4fc8a48a2e5b90ed2360.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c5e698ab6d8f493bb2c7d6fff0a6444a.png
[78f03c2756674f86b55fec4d7dfa2b91.png]: https://img-blog.csdnimg.cn/78f03c2756674f86b55fec4d7dfa2b91.png
[2331955d2876497d9618c6e548ced4c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3aa0627a549e416597df758529978f9f.png
[935ada0af649435192adffa9cdfd7f75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/603a2518efa248bd81120ef6eac56a2c.png
[868c685779a642afa0364b8137fb0e7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/adabf73e3d134715a14c7a5b9b2b8fb8.png
[313b896965c741a19d7b5e606653d3d1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d3266f449ffe4e04930594e488f5d359.png
[d892df1fbab04d5bacea950db84aadcd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d50254783f034b49adfe43d234d89172.png
[956b9681adf64bb38bab28640385da2c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/8c26d55c40bb45738802680d116f15cf.png
[Failed at the chromedriver_2.27.2 install script._-CSDN_chromedriver_2.27.2]: https://blog.csdn.net/poker_zero/article/details/123799211
[aaa2600cf3794aed840a91a29c5076b5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/fd204ceab2ee42b6b9ec5f2aab51ee3a.png
[7719f490f8224974b67ca418ca7dba64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/e747b4509fa74813a5c90da01fa591f0.png
[Module build failed_ Error_ Cannot find module _node-sass_-CSDN]: https://blog.csdn.net/qq_38401285/article/details/86483278
[Error_ EACCES_ permission denied_ access _usr_local_lib_node_modules_CC_-CSDN]: https://blog.csdn.net/cc18868876837/article/details/118482223
[93667a5428d6472588647c9d621fc116.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/8f1015714f504eba90cc848e52930b2a.png
[5f25c7bf9edd4d9789d92bcf46965ac8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/55eb33d67a8f43e881124ba00ffe5024.png
[c208fdc6489f41e584954ee25a763b76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/74c297420ab941f48cdd05a4a94b254f.png
[a7187544174142eaaa99258841729139.png]: https://img-blog.csdnimg.cn/a7187544174142eaaa99258841729139.png
[4432f758d04e487d8b6c638fc6c14614.png]: https://img-blog.csdnimg.cn/4432f758d04e487d8b6c638fc6c14614.png
[fbe7a2f38c0a44f6b7b7c9dd8f3d0cb5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/61db619685584ede8a5a74aa0ba39d8b.png
[731fb52ea1c14422a8edc68af9c3de64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/778754ad1e91477ea54356fa3da9842c.png
[e665507d21c34d6aa646fd3a459913bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/84ab2b76720f4121a83f53ee9702b415.png
[6bde7193b9aa476081c7f969c2df4a25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d18ec93720214499a00aa9ae4a5430c4.png
[dd5072282d31444aa88e7cb7b420651f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1f5d2dd361764c3d8c2ccc04ecf89226.png
[8097bcf1ac2b4ade9b0ee9a68df8c0ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9ac71b0c8d6f4e0f813a361435577fc6.png