【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」就能夠解決紅色波浪線問題了

 

結果圖：