2017-10-06 116 views
0

我有一個關於Browserify模塊用法的簡單問題。讓我解釋;Browserify node_module用法/ Google Translate Api

正如你所知,谷歌翻譯是一個免費的API是「谷歌翻譯-API」在NPM。我需要在瀏覽器中使用它,所以我必須通過使用browserify進行轉換。在這一點上,Everthing對我來說很酷。

我安裝了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> 

我從谷歌,翻譯的API模塊

test.js

片段

<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>
轉換我的test.js文件

回答

0

我建議你使用https://unpkg.com/,它比browsify容易得多..

+0

日Thnx我的朋友讓我看的.. – Sinful

+0

我擡頭,但我還沒有看到任何例子或使用。 – Sinful

+0

將此用作cdn網址https://unpkg.com/[email protected]/index.js –