Préchauffez le four à 350°F (175°C). Vaporisez un moule à gâteau de 13 x 9 pouces avec un spray de cuisson et tapissez le fond avec du papier sulfurisé.

Égouttez l'ananas dans une passoire et réservez 3/4 de tasse de jus d'ananas, en ajoutant de l'eau pour compléter la quantité si nécessaire.

Faites cuire le sucre brun et le beurre dans une casserole à feu moyen, en remuant souvent, jusqu'à ce qu'ils soient fondus et combinés. Ajoutez la cannelle et l'extrait de vanille.

Répartissez uniformément le mélange de sucre brun dans le moule et recouvrez d'une couche d'ananas égouttés.

Préparez le mélange à gâteau jaune selon les instructions sur la boîte, en remplaçant le mélange de jus d'ananas par de l'eau. Étalez la pâte uniformément sur la couche d'ananas.

Enfournez pendant environ 30 minutes, ou jusqu'à ce qu'un cure-dent inséré ressorte propre. Retournez le gâteau sur une assiette, retirez le papier sulfurisé et comblez les éventuels trous avec le mélange réservé.