puppeteer（四）常见问题——部分元素没法操做，代码没任何问题。

前言

最近写了一个小例子，可是一个page.click不管如何也不能正常操做，语法这么简单不可能有错。因而找缘由，浏览器的问题吗？各类开发环境切换，nodejs版本换到较老的版本，npm版本切换，最后定位在换各类版本浏览器，发如今chrome74上正常72版本正常，在70上不能够，觉得是浏览器的BUG，原本要放弃的。而后想是否是puppeteer版本的问题，去github切换到较老的一个分支上，发现与npm自动安装的是不一样的文件，最后找到解决办法以下：

找到对应浏览器版本的pup....进行安装

npmjs官方地址：https://www.npmjs.com/package/puppeteer

说明：在npm中安装固定的版本号package，只须要在其后加 ‘@版本号’,下官网70chrome对应的是1.7.0则，执行以下命令。

npm install --save puppeteer@1.7.0

 

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

npm命令解释

npm install moduleName # 安装模块到项目目录下

npm install -g moduleName # -g 的意思是将模块安装到全局，具体安装到磁盘哪一个位置，要看 npm config prefix 的位置。

npm install -save moduleName # -save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。

npm install -save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。

 

那么问题来了，在项目中咱们应该使用四个命令中的哪一个呢？这个就要视状况而定了。下面对这四个命令进行对比，看完后你就再也不这么问了。

npm install moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令

1. 安装模块到全局，不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时，会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。

总结

devDependencies 节点下的模块是咱们在开发时须要用的，好比项目中使用的 gulp ，压缩css、js的模块。这些模块在咱们的项目部署后是不须要的，因此咱们可使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的，应该安装在 dependencies 节点下，因此咱们应该使用 -save 的形式安装。