zoukankan      html  css  js  c++  java
  • 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 的形式安装。

  • 相关阅读:
    Centos7安装redis
    Cookie和Session的区别
    JavaWeb中的域对象
    ServletContext使用介绍
    Java Web核心组件之Servlet的使用介绍
    关于反射的杂谈
    leetcode117search-in-rotated-sorted-array
    23longest-consecutive-sequence
    leetcode24:word-ladder-ii
    leetcode25word-ladder
  • 原文地址:https://www.cnblogs.com/baihuitestsoftware/p/10553306.html
Copyright © 2011-2022 走看看