How to import bytecode in javascript?

[Iancu15]

So, I need to create contracts by clicking a button and for that I need a ContractFactory which requires a bytecode.

I've got the bytecode using solc:

const output = JSON.parse(solc.compile(JSON.stringify(input), { import: findImports }))
    const bytecode = output.contracts['Auction.sol']['Auction'].evm.bytecode.object
    fs.writeFileSync(bytecodeFile, bytecode)

The problem is that the loader fails while trying to import it inside the react component using
const bytecode = require("../constants/bytecode")

Module parse failed: Identifier directly after number (1:24)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

Is the error I got.

[alymurtazamemon]

@Iancu15 Which development environment are you using? Hardhat?

[Iancu15]

Yes, hardhat for backend and nextjs for frontend.

[alymurtazamemon]

@Iancu15 See lesson 6, we had done that in this lesson.

[Iancu15]

I use hardhat for backend and nextjs for frontend, the two projects are basically separated. So I can't use hardhat in the nextjs project without moving all the hardhat project inside it. The lesson 6 solution uses hardhat's ethers.js, I need a solution with the normal ethers.js.

[alymurtazamemon]

@lancu15 Yes, For example, if your contract name is SimpleStoreage then in your hardhat project inside artifacts folder you will find the contracts folder and inside it, you will find the SimpleStorage.sol folder inside it, you will find the SimpleStoreage.json file. You can move this file (manually or using script whatever you like) in the nextjs project and import the abi and bytecode from that file and using it you can create the contract object like we did in lesson 5.

[Iancu15]

That makes sense, thanks a lot!