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

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

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

npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev
npm ERR! code ENOENT
npm ERR! errno -4058
npm ERR! syscall access
npm ERR! enoent ENOENT: no such file or directory, access 'D:\ShopApp\node_modules\fsevents\node_modules\abbrev'
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 Files\nodejs\node_cache\_logs\2018-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:\Users\think\AppData\Roaming\npm-cache\_logs\2018-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 ,让他自行安装，总之各种办法试，别放弃总能运行的起来，没办法坑太多了！........

4.scss文件中使用深度选择器/deep/报错 Expected selector

原因： 有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。

解决：用 ::v-deep 就可以了，但是如果拉下来代码中/deep/太多的话也不建议去修改或替换，还是要装node-sass，但是要装相互兼容的版本，不然npm run dev 依然就又报错了。