alchemyplatform / hello-world-part-four-tutorial Goto Github PK

If this is the "Completed" versions. Then it should be complete and ready to run (except maybe api keys).
The fact that

Please fix.
You are tying to use this to teach newcomers. They can not learn if you do not provide complete examples. They can not be expected to find and fix such problems on their own.

Thank you

at Object. (/Applications/Development/final try/hello-world-part-four-tutorial/starter-files/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17) {
code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}

whenever I initiate the npx start

Hello,

I am following along with the tutorial however I am getting "TypeError: Cannot read properties of undefined (reading 'includes')" from my localhost:3000 after I ran "npm install @alch/alchemy-web3" in the root directory of my starter-files.

I am unsure if this is a problem with the code I have written or with the npm package. Is there a way I can turn my localhost back to normal like the below image?

Here is my package.json config.

{
  "name": "hello-world-part-four",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@alch/alchemy-web3": "^1.3.0",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "dotenv": "^16.0.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

It will show this error on react client.

If I change "@alch/alchemy-web3": "^1.3.0", into "@alch/alchemy-web3": "1.1.5", it works fine.

At least with pnpm, it has various issue. please upgrade it to make it up to date.

For example:

Failed to compile.

../node_modules/.pnpm/@[email protected]/node_modules/@noble/curves/abstract/weierstrass.js 1016:57
Module parse failed: Unexpected token (1016:57)
File was processed with these loaders:
 * ./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|     const u1 = modN(h * is); // u1 = hs^-1 mod n
|     const u2 = modN(r * is); // u2 = rs^-1 mod n
>     const R = Point.BASE.multiplyAndAddUnsafe(P, u1, u2)?.toAffine(); // R = u1⋅G + u2⋅P
|     if (!R) return false;
|     const v = modN(R.x);

Failed to compile.

./node_modules/web3-core-method/lib/index.js 152:76
Module parse failed: Unexpected token (152:76)
File was processed with these loaders:

• ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
  You may need an additional loader to handle the result of these loaders.
  | if (Array.isArray(result)) {
  | return result.map(function (res) {

  return _this.outputFormatter && res ? _this.outputFormatter(res, this?.hexFormat) : res;

| });
| } else {

Hello, I can fix the problem.