【问题标题】:Browserify node_module usage / Google Translate ApiBrowserify node_module 使用/谷歌翻译 API
【发布时间】:2018-03-17 22:05:16
【问题描述】:

我有一个关于 Browserify 模块使用的简单问题。让我解释一下;

如您所知,有一个关于谷歌翻译的免费 api,即 npm 中的“google-translate-api”。我需要在浏览器中使用它,所以我必须使用 browserify 来转换它。在这一点上,一切对我来说都很酷。

我已经安装了 browserify 并完成了我的转换过程。它大约 300kb 的文件,我检查了所有需要的节点模块,也被转换了。

我的问题是,当我使用它时,我的控制台出现错误:

“未捕获的错误:找不到模块'../../package'”

很明显它找不到模块 :) 但是我是新来使用模块等的。

我通过 Browserify 转换的模块:

https://www.npmjs.com/package/google-translate-api

我的 HTML 代码:

<html>
  <head>
     <title>Test</title>        
  </head>
<body>
        <script src="test.js"></script>            
    <script>

        translate('Ik spreek Engels', {to: 'en'}).then(res => {
        console.log(res.text);
        //=> I speak English 
        console.log(res.from.language.iso);
        //=> nl 
        }).catch(err => {
        console.error(err);
        });
    </script>

    </body>
</html>

我从 google-translate-api 模块转换而来的 test.js 文件

test.js

sn-p

<html>
    <head>
        <title>Test</title>        
    </head>
    <body>
        <script src="http://bahabilgin.com/test.js"></script>            
        <script>
            translate('Ik spreek Engels', {to: 'en'}).then(res => {
            console.log(res.text);
            //=> I speak English 
            console.log(res.from.language.iso);
            //=> nl 
            }).catch(err => {
            console.error(err);
            });
        </script>        
    </body>
</html>

【问题讨论】:

    标签: javascript html browserify node-modules google-translate


    【解决方案1】:

    我推荐你使用https://unpkg.com/,它比浏览更容易..

    【讨论】:

    • 我查过,但没有看到任何例子或用法。
    • 我试过了,但遇到了一个错误。未捕获的 ReferenceError: 未定义要求
    • 我认为没有umd构建,所以你不能在浏览器上使用它..你必须使用browsify..
    • 我用的是browserify,原来的api是google-translate-api,我用browserify转换绑定到test.js
    猜你喜欢
    • 2011-06-06
    • 2011-12-26
    • 2010-10-10
    • 2018-07-24
    • 2015-02-14
    • 2019-05-20
    • 2013-02-15
    相关资源
    最近更新 更多