【发布时间】: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 文件
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