如何在本机反应中使用 node/npm 包（牛津词典）？

Question

我正在尝试在 react-native 中使用 npm oxford-dictionary 包，我安装了 “npm install oxford-dictioary”并在终端上将此文件作为“node app.js”运行并且工作正常，但是，当我尝试在 react native 中使用它不起作用时，谁能帮我解决问题。是否可以仅通过 react-native 使用此 api，或者我必须使用 nodejs 构建后端？

app.js

var Dictionary = require("oxford-dictionary");    
var config = {
 app_id : "-------",
 app_key : "--------",
 source_lang : "en"
};
      
var dict = new Dictionary(config);

var props = {
 word: "stupendous",
};


var oxfordApi = {
getRovers(){
 var lookup = dict.synonyms(props);
 return fetch(lookup).then((res) => res.json());
  }
  }





      import React from 'react';
      import { StyleSheet, Text, View } from 'react-native';
      //import oxfordApi from './oxfordApi';
      import globals from 'node-libs-react-native/globals';
           var Dictionary = require("oxford-dictionary");  
           var config = {
           app_id : "-------",
           app_key : "--------------------------",
        source_lang : "en"
      };
      
       export default class App extends React.Component {


     constructor(props) {
      super(props);
       this.state = {
         rovers: []
          }
        }

     componentWillMount() {
     var dict = new Dictionary(config);
      var lookup = dict.find("awesome");

       lookup.then((res) => {
         this.setState({
           rovers: res.rovers
           })
          });
          }

        render() {
        console.log("Rovers: ", this.state.rovers);
         return (
           <View style={styles.container}>
          <Text>Hello wordl</Text>
          </View>
           );
         }
             }

       const styles = StyleSheet.create({
      container: {
       flex: 1,
           backgroundColor: '#fff',
          alignItems: 'center',
          justifyContent: 'center',
            },
            });

当我运行“run npm ios”时的结果

“node_modules/oxford-dictionary/index.js”中的包试图导入 Node 标准库模块“https”。它失败了，因为 React Native 不包含 Node 标准库。阅读更多https://docs.expo.io/versions/latest/introduction/faq.html#can-i-use-nodejs-packages-with-expo

Answer 1

不幸的是，您已经正确地确定了您不能将那个 npm 包与 react-native 一起使用，因为它没有 https 模块。

但是，查看package oxford-dictionary 是一个单独的文件，它提供了一些帮助方法来构造对牛津词典 api 的特定网络请求。

根据fetch 重写这些并制作自己的帮助文件并不难。您甚至可以为牛津词典 api 创建自己的 react-native 包并将其发布到 npm。

关于访问牛津词典的 api，这样做应该没有问题，因为它只是网络请求。 fetch 应该可以应付。您将无法使用 oxford-dictionary npm 包来发出请求。

Answer 2

我重新编写了包、方法并将其发布到 npm。 react-native-oxford-dictionary