2016-12-29 59 views
1

我試圖在新的React Web應用程序上使用Google API Node.js client。 這裏是我的package.json嘗試使用Google API Node.js客戶端時出現「找不到模塊」錯誤

{ 
    "name": "onboarding", 
    "version": "0.1.0", 
    "private": true, 
    "devDependencies": { 
    "react-scripts": "0.8.4" 
    }, 
    "dependencies": { 
    "googleapis": "^15.1.0", 
    "react": "^15.4.1", 
    "react-dom": "^15.4.1" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
} 

當我試着和訪問API中App.js:

var google = require('googleapis'); 

它將無法編譯,給我:

Failed to compile. 

Error in ./~/google-auth-library/lib/auth/googleauth.js 
Module not found: 'child_process' in /home/jack/onboarding/node_modules/google-auth-library/lib/auth 

@ ./~/google-auth-library/lib/auth/googleauth.js 21:11-35 

Error in ./~/googleapis/lib/generator.js 
Module not found: 'swig' in /home/jack/onboarding/node_modules/googleapis/lib 

@ ./~/googleapis/lib/generator.js 21:11-26 

Error in ./~/googleapis/lib/generator.js 
Module not found: 'js-beautify' in /home/jack/onboarding/node_modules/googleapis/lib 

@ ./~/googleapis/lib/generator.js 22:15-37 

我可以通過手動將它們添加到依賴關係來擺脫fr js-beautifyswig的錯誤,但這不適用於child_process。無論哪種方式,我覺得我在這裏做錯了什麼。 var google = require('googleapis');不應該在反應App.js代碼中嗎?任何意見,將不勝感激。

+0

您是否嘗試過'rm -rf node_modules'並執行新的'npm install'? – Tholle

+0

是的,我有。我想知道如果我不應該把var google = require('googleapis');'放入反應App.js文件中 – Snubber

+1

你是對的。 'googleapis'是所有Google API的節點庫。它不能在前端使用。 – Tholle

回答

0

我相信我遇到問題的原因是因爲我試圖從前端訪問API。

相關問題