I encountered an errnorneous symptom as described below.
Please review it.
Thank you,
Symptom
t.getRestApi()
causes ApiNotConfiguredError
exception.
Reproduction
$npx @optro/create-trello-powerup
Select Card Back Section
.
In CardBackSection.tsx
, add a call to t.getRestApi()
as follows:
function CardBackSection() {
const t = useProvidedTrello();
try {
t.getRestApi();
console.log('getRestApi succeed');
}
catch (error) {
console.log('getRestApi caused Error');
console.log(error);
}
…
The ApiNotConfiguredError
exception is catched.
Description
This could be resolved by changing router.tsx
as follows:
Before:
const t = window.TrelloPowerUp.iframe();
After:
const t = window.TrelloPowerUp.iframe(
{
appKey: '[My App Key]',
appName: '[My App Name]'
}
);
The generated src/dist/card-back-section.html
file has the following tag:
<script src="https://p.trellocdn.com/power-up.min.js?key=[My App Key]"></script>
As long as checking the Trello API documentation, power-up.min.js
does not accept the key
parameter.
Same error occurrred when getRestApi()
was called in capabilities directly.
This seems because src/capabilities
does not specifiy appKey
in windows.TrelloPowerUp.initialize()
.
Note
src/types/trello.d.ts
seems to have wrong definitions in
- windows.TrelloPowerUp.iframe() - parameter type
- getRestApi() - returns undefined
Details
.env
entries are all specified except for OPTRO_API_KEY
. Since POWERUP_APP_KEY
and POWERUP_NAME
are embedded in the generated files correctly, .env
seems to be okay.
stack trace
restApi::ApiNotConfiguredError: To use the API hel…io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316'}message: "To use the API helper, make sure you specify appKey and appName when you call TrelloPowerUp.iframe. See more at [https://developers.trello.com/v1.0/reference#rest-api"name](https://developers.trello.com/v1.0/reference#rest-api):
"restApi::ApiNotConfiguredError"stack: "restApi::ApiNotConfiguredError: To use the API helper, make sure you specify appKey and appName when you call TrelloPowerUp.iframe. See more at [https://developers.trello.com/v1.0/reference#rest-api\n](https://developers.trello.com/v1.0/reference#rest-api\n)
at ri.getRestApi ( [https://p.trellocdn.com/power-up.min.js?key=1a59b0b996756a3f890989f32677032e:1:135877)\n](https://p.trellocdn.com/power-up.min.js?key=1a59b0b996756a3f890989f32677032e:1:135877)\n)
at y ([https://zzzz-power-up.ngrok.io/powerup-src_card-back-section_CardBackSection_tsx-5db36bf6ab3ab96e7908.js:2:10561)\n](https://zzzz-power-up.ngrok.io/powerup-src_card-back-section_CardBackSection_tsx-5db36bf6ab3ab96e7908.js:2:10561)/n)
at bd ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:343250)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:343250)/n)
at Gf ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:364943)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:364943)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:379647\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:379647/n)
at bp ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:380130)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:380130)/n)
at Nh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:427344)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:427344)/n)
at hh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419176)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419176)/n)
at ph ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419061)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419061)/n)
at fh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:418827)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:418827)/n)
at Zm ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:417126)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:417126)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304707\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304707/n)
at t.unstable_runWithPriority ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:504255)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:504255)/n)
at $l ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304451)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304451)/n)
at Kl ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304652)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304652)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316"[[Prototype](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316%22%5b%5bPrototype)]]: t