How to use canvas for node.js on heroku - node.js

Question

The error I get is the following:
Error: Cannot find module 'canvas'
Require stack:
- /app/index.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:957:15)
at Function.Module._load (internal/modules/cjs/loader.js:840:27)at Module.require (internal/modules/cjs/loader.js:1019:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object.<anonymous> (/app/index.js:6:16)
at Module._compile (internal/modules/cjs/loader.js:1133:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1153:10)
at Module.load (internal/modules/cjs/loader.js:977:32)
at Function.Module._load (internal/modules/cjs/loader.js:877:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:74:12) {
code: 'MODULE_NOT_FOUND',
requireStack: [ '/app/index.js' ]
When I tried local it worked fine, I started having problems after I uploaded the code on Heroku. I've searched online but seems like all answers on google for this question are outdated. These are my current dependencies:
"dependencies": {
"canvas": "^2.6.1",
"discord.js": "^12.2.0",
"node": "^14.2.0"
}
And this is my code:
const Discord = require('discord.js');
const { prefix } = require ('./config.json');
const client = new Discord.Client();
const Canvas = require('canvas');
client.once('ready', () => {
console.log('Ready!');
});
client.on('message', message => {
// Do something.
}
Anyone that could help with it?

Answer 1

First, with Heroku, you don't need to upload your node_modules on GitHub or something else. You can also try in the terminal :
npm start
Then :
npm install discord.js canvas node
If it isn't enough, check in your package.json file if there is :
"scripts": {
"start": "node index.js"
}