初学前端在项目过程中个人遇到的问题 ----- 第一天总结

65 阅读 0 评论 43 点赞

我是靠谱客的博主幸福自行车，最近开发中收集的这篇文章主要介绍初学前端在项目过程中个人遇到的问题 ----- 第一天总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天在把代码下载下来的过程中，想把代码跑起来，但是全程一直在报错，以下有几点：

1.在安装npm install 依赖时报错：

npm ERR! path D:ShopAppnode_modulesfseventsnode_modulesabbrev
npm ERR! code ENOENT
npm ERR! errno -4058
npm ERR! syscall access
npm ERR! enoent ENOENT: no such file or directory, access 'D:ShopAppnode_modulesfseventsnode_modulesabbrev'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR!
C:Program Filesnodejsnode_cache_logs2018-08-01T02_35_44_300Z-debug.log

解决方法：1. 先安装淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

2.使用cnpm命令安装依赖项

cnpm install

此方法没有解决的话，

npm 版本（6.9.0）
node版本（11.13.0）
安装依赖的时候发现这个错误：
error If you’re sure you want to delete the entire cache, rerun this command with --force.

解决方案：强制清除缓存
npm cache clean --force

2.再运行npm install

我试了好久清除缓存，安装淘宝镜像，再npm install 依旧没有用，然后我用了cnpm install安装依赖成功了,node-modules文件夹出现了。

但是npm run dev 启动项目的时候也报错：

1.ERROR Error: Cannot find module 'core-js/modules/es6.regexp.constructor

报错原因：不识别es6语法

解决方案：cnpm install core-js@2，再来执行npm run dev，项目已经正常运行了
2.错误：

ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! metools@1.0.0 dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the metools@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!
C:UsersthinkAppDataRoamingnpm-cache_logs2018-03-29T02_46_46_622Z-debug.log

原因：这是webpack 的新版本的BUG。

解决办法：卸载新版本，安装老版本。重新运行。

第一步：
npm remove webpack-dev-server
第二步：
npm install webpack-dev-server@2.9.1

3.解决Node Sass does not yet support your current environment的问题

原因：当前的node-sass与node版本存在冲突，导致node-sass不能够支持当前的环境

解决问题：

第一步： cnpm uninstall node-sass || cnpm uninstall --save node-sass
第二步： cnpm i -D node-sass || ncpm install --save node-sass
如果运行还是冲突的话
npm rebuild node-sass
如果用cnpm安装的话，就用cnpm 不然就用npm

在我解决的过程中删除再安装对应的版本，然后再一遍遍的跑跑通了...

这个问题就是说本机上的node的版本与项目中sass所要求的node版本版本不兼容。

解决问题：
1.在当前项目下面执行：npm i node-sass -D 这里要注意的是这行命令必须在当前项目下执行。
2.如果在当前项目下运行以上命令后不报错，问题解决
而如果你在运行以上命令时提示这样的错误：-->“gyp verb which failed Error:not found: python2”
这个问题这样解决：
1). 在当前项目下面执行以下命令
设置 npm 环境变量
$ npm set SKIP_SASS_BINARY_DOWNLOAD_FOR_CI = true
$ npm set SKIP_NODE_SASS_TESTS = true
之后使用命令清除缓存，再重新安装 sass-loader
$ npm cache clean --force
$ npm i node-sass -D
问题解决！！！！！

问题解决自己总结：删除缓存，再用淘宝镜像安装之后如果有node-sass看版本，删除重装，如果在删除node-sass。或重装node-sass过程中一直卡在那里进行不下去，手动去package.json手动安装node-sass，然后node-modules删除，重新npm install ,让他自行安装，总之各种办法试，别放弃总能运行的起来，没办法坑太多了！........