How to solve Module not found Error Can t resolve truffle-contract error in web3

Question

I am trying to work on truffle-contract and web3 but I am facing problem when I execute the npm run dev command. The error is as follows:

ERROR in ./app/javascripts/app.js
Module not found: Error: Can't resolve 'truffle-contract' in 'C:\Users\edureka\Desktop\SID\ALSC\PROJECT\asset-lending\app\javascripts'
 @ ./app/javascripts/app.js 6:1-55
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascripts/app.js

ERROR in ./app/javascripts/app.js
Module not found: Error: Can't resolve 'web3' in 'C:\Users\edureka\Desktop\SID\ALSC\PROJECT\asset-lending\app\javascripts'
 @ ./app/javascripts/app.js 5:1-39
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascripts/app.js
webpack: Failed to compile.

How to solve this error?

Answer 1

Try compiling and migrating the contract:

$ truffle compile
$ truffle migrate

Answer 2

Execute the following command:

$ npm install truffle-contract

It should solve your error. If it does not then try installing truffle-contract globally like this:

$ npm install -g truffle-contract

 To know more visit: https://www.npmjs.com/package/truffle-contract

Answer 3

Maybe there are missing necessary files. Try getting react.

$ truffle unbox react