Javascript Puppeter Typescript:传输时出错
问题的根源:我不能使用Javascript,因为Firebase Functions Node.Js版本还不支持Async/Await。所以我把它放在Typescript中,现在正试图转换到commonJs 那我会的Javascript Puppeter Typescript:传输时出错,javascript,typescript,firebase,google-cloud-functions,puppeteer,Javascript,Typescript,Firebase,Google Cloud Functions,Puppeteer,问题的根源:我不能使用Javascript,因为Firebase Functions Node.Js版本还不支持Async/Await。所以我把它放在Typescript中,现在正试图转换到commonJs 那我会的 tsc-pconfig.json,然后生成这些错误 ../../../node_modules/firebase-functions/lib/providers/auth.d.ts(5,22): error TS2420: Class 'UserRecordMetadata' in
tsc-pconfig.json
,然后生成这些错误
../../../node_modules/firebase-functions/lib/providers/auth.d.ts(5,22): error TS2420: Class 'UserRecordMetadata' incorrectly implements interface 'UserMetadata'.
Property 'lastSignedInAt' is missing in type 'UserRecordMetadata'.
../../../node_modules/firebase-functions/lib/providers/firestore.d.ts(17,19): error TS2694: Namespace 'admin' has no exported member 'firestore'.
另外,使用Firebase纯服务函数
在使用Vanilla Js时工作正常,只是在部署时开始失败,另外,当使用节点getTags.Js运行Vanilla脚本时,运行没有问题
所以我想可能是我的tsconfig?请帮忙
TSCONFIG.JSON
{
"compilerOptions": {
"lib": [
"es6",
"dom"
],
"module": "commonjs",
"noImplicitReturns": true,
"outDir": "lib",
"target": "es6"
},
"files": [
"getTags.ts"
]
}
打字脚本。
import puppeteer from 'puppeteer';
import * as functions from 'firebase-functions'
function getTitle() {
const ogSelector: any = document.querySelector('meta[property="og:title"]');
if (ogSelector) {
return ogSelector.content;
}
const imgSelector: any = document.querySelector('[itemprop="name"]');
if (imgSelector) {
return imgSelector.text;
}
if (document.querySelector('title')) {
return document.querySelector('title').text;
}
return window.location.href; // Print URL as a fallback
}
function getDescription() {
const ogDesc: any = document.querySelector('meta[property="og:description"]');
if (ogDesc) {
return ogDesc.content;
}
const descSelector: any = document.querySelector('[itemprop="description"]');
if (descSelector) {
return descSelector.text;
}
const nameDescSelector: any = document.querySelector('meta[name="description"]');
if (nameDescSelector) {
return nameDescSelector.content;
}
return document.body.innerText.substring(0, 180) + '...';
}
function getImage() {
const ogImgSelector: any = document.querySelector('meta[property="og:image"]');
if (ogImgSelector) {
return ogImgSelector.content;
}
const imgTagSelector: any = document.querySelector('[itemprop="image"]');
if (imgTagSelector) {
return imgTagSelector.text;
}
return null;
}
exports.getTags = functions.https.onRequest((req, res) => {
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://itunes.apple.com/za/album/my-dear-melancholy/1363309866?app=music&ign-itsct=1363309866-1363309866&ign-itscg=0176&ign-mpt=uo%3D4');
const title = await page.evaluate(getTitle);
const description = await page.evaluate(getDescription);
const image = await page.evaluate(getImage) || await page.screenshot({ path: 'temp.png' });
browser.close();
const tags = {
title,
description,
image,
};
console.log("Tags " + JSON.stringify(tags));
res.send("Done Tags :: " + tags);
})();
});
当使用TS和Puppeter时,我似乎发现在使用Mocha(好的,没有部署到Firebase)时,转换到ES5似乎对我更有效,但值得一试
{
"compilerOptions": {
//"target": "esnext",
"target": "es5", //needed for node!
"declaration": true,
"lib": [
"es2015", "dom"
]
},
"exclude": [
"node_modules"
]
}
这不是一个解决方案,但为什么对这么多变量使用:any
?您最好不要使用typescript,因为大家都知道puppeter不能处理云函数@DougStevenson,好吧,Firebase让我非常失望,不管怎样,我仍然可以通过另一种方式在云函数上获得元标记?支持什么?