Dependency issues web pack maybe? My first project please understand I'm a noob here

Moralis General
#2

please explain more what the issue is - also change title so it describes the exact issue is - current title doesnt describe anything, before posting take some time to formulate the issue and pick great title thanks

#3

This is my first production ready website, and I just started learning how develop maybe two month ago. Hopefully we can get this deployed! Do I need to make a lot of config files? How do I explain the issues of throws that I donā€™t understand down deep in dependencies?

#4

Ive been grinding 16 hrs a day for like 8 days man.

#5

It compiles but only white screen.

#6

Please write 1 post with all info instead of many messages (its not a chat ehehe)

for us to help you need to post your code and/or errors you are seeing

#7

I do want to say Moralis boilerplates have really increased my level of understanding even though I have very little experience. I want to thank the Moralis team!
keefeoverby@Keefes-Mac-mini renftmarket % npx hardhat
An unexpected error occurred:

Error: Cannot find module ā€˜@project/contracts@^1.0.0ā€™
Require stack:

  • /Users/keefeoverby/renftmarket/hardhat.config.js
  • /Users/keefeoverby/renftmarket/node_modules/hardhat/internal/core/config/config-loading.js
  • /Users/keefeoverby/renftmarket/node_modules/hardhat/internal/cli/cli.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object. (/Users/keefeoverby/renftmarket/hardhat.config.js:3:1)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensionsā€¦js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19) {
    code: ā€˜MODULE_NOT_FOUNDā€™,
    requireStack: [
    ā€˜/Users/keefeoverby/renftmarket/hardhat.config.jsā€™,
    ā€˜/Users/keefeoverby/renftmarket/node_modules/hardhat/internal/core/config/config-loading.jsā€™,
    ā€˜/Users/keefeoverby/renftmarket/node_modules/hardhat/internal/cli/cli.jsā€™
    ]
    }
    keefeoverby@Keefes-Mac-mini renftmarket % yarn add @project/contracts@^1.0.0 -W
    yarn add v1.22.17
    [1/4] :mag: Resolving packagesā€¦
    error An unexpected error occurred: ā€œhttps://registry.yarnpkg.com/@project%2Fcontracts: Not foundā€.
    info If you think this is a bug, please open a bug report with the information provided in ā€œ/Users/keefeoverby/renftmarket/yarn-error.logā€.
    info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
    keefeoverby@Keefes-Mac-mini renftmarket %
#8

/ }),
/ 339 /
// (function(module, exports, webpack_require) {

var ITERATOR = webpack_require(44)(ā€˜iteratorā€™);
var SAFE_CLOSING = false;

try {
var riter = [7]ITERATOR;
riter[ā€˜returnā€™] = function () { SAFE_CLOSING = true; };
// eslint-disable-next-line no-throw-literal
Array.from(riter, function () { throw 2; });
} catch (e) { /* empty */ }

module.exports = function (exec, skipClosing) {
if (!skipClosing && !SAFE_CLOSING) return false;
var safe = false;
try {
var arr = [7];
var iter = arrITERATOR;
iter.next = function () { return { done: safe = true }; };
arr[ITERATOR] = function () { return iter; };
exec(arr);
} catch (e) { /* empty */ }

#9

Sorry I suck at this I am about to give up.
Array.from(riter, function () { throw 2; });
The throw 2

I have no idea what that means and and Have no clue how to fix dependencies.

#10

I am building the worlds first Real Estate NFT Market. Itā€™s basically complete but it only shows white screen.

#11

Hi @WrappedUsername

I really tried to understand your issue but had no success actually. Itā€™ll be easier if you share your project repo and give me easy steps to reproduce the error

My github https://github.com/Y0moo you can invite me and delete later

#12

Hi, Sorry for the confusion, its hard for me to explain because of the lack of experience.
Also I have no idea how to invite you to have access to my repository. I would love to share the repo all you need to do is run start.

#13

I found the invite! Thank you guys so much for your quick response!

1 Like
#14

please, because I canā€™t reproduce it. Also please share your serverUrl and appId

https://docs.moralis.io/misc/faq#how-to-ask-for-help-on-the-forum-and-discord

#15

Use the debugger tool in the package.json file. Select run start. It will compile but it is only a white screen. Or is there something wrong with my computer?

#16

Also please share your serverUrl and appId

#17

https://mecwjldjm9zd.usemoralis.com:2053/server
9au1rcVFBNgnQjOprDIa35Y17l9rSFkDrBvy8O3C

#18

Code was really broken, but I was able to figure it out

  1. If you are migrating from versions please follow full package instrcutions. As I can see you have updated react-router-dom version and started using <Routes> instead of <Switch> but you forgot to change <Route> elemnts.
    from:
<Route path="/Transactions">
      <NFTMarketTransactions />
</Route>

to:

<Route path="/Transactions" component={<NFTMarketTransactions />} />

  1. You cannot use this in your App: <Navigate to="/NFTBalance" /> because it starts infinite loop. Please check correct using here https://v5.reactrouter.com/web/guides/quick-start

  2. Check the <Logo > component in App.js looks like you import it not correctly

1 Like
#19

check the pr https://github.com/KeefeOverby/renftmarket/pull/1/files

also I removed the react library from packages because itā€™s not used

1 Like
#20

@WrappedUsername hope this helps!
I think you need to learn a bit more as you seem very very fresh to web react development
You will have A LOT of questions all the time if you dont know the basics

Check our react course: https://academy.moralis.io/courses/react-web-development-101

We are happy to help always - but itā€™s important you know the basics so we donā€™t have to help with the very very entry-level web development questions.

We are here to help with Moralis specificially :raised_hands:

For help with the basics - join the academy I linked and our staff there will help you learning the basics

Good luck!!

1 Like
#21

You guys are amazing!
Thank you so much :partying_face: :smiling_face_with_three_hearts:
I agree the basics are very important and
the best way for me to learn is to get stuck into projects,
and I usually try not ask for help!
I will check out the course I love to learn!
I will definitely keep the topics here to moralis (back end only? Servers and API only?)