将“需要”库导入ReactJS项目

Question

我正在学习ReactJS语言，现在我需要将请求库添加到我的项目中。所以我通过npm install命令从github.com/request/request下载了库，现在我需要将这个库导入到我的项目中。

但是，当我将使用：

import Request from 'request'; 

或

var request = require('request'); 

话，我不能够建立我的应用程序（由于一些错误）。我不确定，如果我可以通过这种方式将第三方模块（或如何致电）导入ReactJS。

您能否为我提供一些帮助？

====错误包括====

在我.jsx文件我有：

import React from 'react'; 
var request = require('request'); 
import {Table, TableBody, TableFooter, TableHeader, TableHeaderColumn, TableRow, TableRowColumn} from 'material-ui/Table'; 
import TextField from 'material-ui/TextField'; 
import RaisedButton from 'material-ui/RaisedButton'; 
import FloatingActionButton from 'material-ui/FloatingActionButton'; 
import DialogWindow from '../components/DialogWindow.jsx' 

import ContentAdd from 'material-ui/svg-icons/content/add'; 
import PlayArrow from 'material-ui/svg-icons/av/play-arrow'; 
import PlaylistAdd from 'material-ui/svg-icons/av/playlist-add'; 

正如你所看到的，请求在二线进口。当我将尝试构建我的应用程序时，我将得到此错误：

ERROR in ./~/forever-agent/index.js 
Module not found: Error: Can't resolve 'net' in 'folder with project\node_modules\forever-agent' 
@ ./~/forever-agent/index.js 6:10-24 
@ ./~/request/request.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

ERROR in ./~/tough-cookie/lib/cookie.js 
Module not found: Error: Can't resolve 'net' in 'folder with project\node_modules\tough-cookie\lib' 
@ ./~/tough-cookie/lib/cookie.js 32:10-24 
@ ./~/request/lib/cookies.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

ERROR in ./~/tunnel-agent/index.js 
Module not found: Error: Can't resolve 'net' in 'folder with project\node_modules\tunnel-agent' 
@ ./~/tunnel-agent/index.js 3:10-24 
@ ./~/request/lib/tunnel.js 
@ ./~/request/request.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

ERROR in ./~/forever-agent/index.js 
Module not found: Error: Can't resolve 'tls' in 'folder with project\node_modules\forever-agent' 
@ ./~/forever-agent/index.js 7:10-24 
@ ./~/request/request.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

ERROR in ./~/tunnel-agent/index.js 
Module not found: Error: Can't resolve 'tls' in 'folder with project\node_modules\tunnel-agent' 
@ ./~/tunnel-agent/index.js 4:10-24 
@ ./~/request/lib/tunnel.js 
@ ./~/request/request.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

ERROR in ./~/request/lib/har.js 
Module not found: Error: Can't resolve 'fs' in 'folder with project\node_modules\request\lib' 
@ ./~/request/lib/har.js 3:9-22 
@ ./~/request/request.js 
@ ./~/request/index.js 
@ ./src/containers/Album.jsx 
@ ./src/routes.js 
@ ./src/index.jsx 
@ multi (webpack)-dev-server/client?http://127.0.0.1:8888 webpack/hot/dev-server react-hot-loader/patch ./src/index.jsx 

Answer 1

看起来像图书馆的已知问题。在https://github.com/request/request/issues/1529（将一个node配置对象添加到您的Webpack配置中）中描述了一个修复，以使该库在浏览器中工作。

但是，您可能需要考虑替代库，如isomorphic-fetch或axios。