【puppeteer+Node.js安装环境】之WebStorm编辑器运行失败问题：Error: Cannot find module 'puppeteer'并且代码出不来“asnyc”标识以及有红色波浪线解决办法

现象一：

 

module.js:557     throw err;     ^

Error: Cannot find module 'puppeteer'    

at Function.Module._resolveFilename (module.js:555:15) 

at Function.Module._load (module.js:482:25)    

at Module.require (module.js:604:17)    

at require (internal/module.js:11:18)    

at Object.<anonymous> (F:\NodeJS_Test\Test\index.js:1:81)    

at Module._compile (module.js:660:30)    

at Object.Module._extensions..js (module.js:671:10)    

at Module.load (module.js:573:32)    

at tryModuleLoad (module.js:513:12)    

at Function.Module._load (module.js:505:3)

 

分析原因：

因为node 是一个项目一个module，他的每个项目都是独立的puppeteer，所以新建一个项目时应该在本地项目中安装puppeteer

 

解决办法：

在项目里安装puppeteer

1.首先在新建的项目中编辑器终端Terminal输入“npm -v”和“cnpm -v”,查看npm和cnpm，如下图：

 

2.再输入：“cnpm i puppeteer”进行安装

 安装完成。

=================================下面的不推荐=================================

（不推荐，只适用于最新的包）

2-1.或者在本项目下的“node_modules”文件夹中，如下图：

 

在路径：F:\NodeJS_Test\node_modules\puppeteer\.local-chromium下导入一个包（这个包确保是最新的）

================================================================ 

现象二：

代码出不来“asnyc”标识以及有红色波浪线解决办法：

 

解决步骤一：

 

选择“Enable”就可以解决出不来“asnyc”标识问题了

 解决步骤二：

 

选择“ECMAScript 6”就可以解决红色波浪线问题了

 

结果图：