Attempting to build realm-tutorial-web with the start branch but getting errors

I am doing this tutorial

Using the start branch

git clone --branch start https://github.com/mongodb-university/realm-tutorial-web.git

Here is my repo

I also installed these in an attempt to reduce errors, webpack >4 now does not automatically use polyfills etc

npm install node-polyfill-webpack-plugin
npm install stream --save
npm install util --save

However, I am still getting lots of warnings/errors, fyi
I will attempt again using the final branch

Example of some of the errors

WARNING in ./node_modules/@apollo/client/version.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/mnt/volume_nyc1_01/realm-tutorial-web/node_modules/@apollo/src/version.ts' file: Error: ENOENT: no such file or directory, open '/mnt/volume_nyc1_01/realm-tutorial-web/node_modules/@apollo/src/version.ts'
 @ ./node_modules/@apollo/client/core/ApolloClient.js 5:0-40 87:19-26
 @ ./node_modules/@apollo/client/core/index.js 1:0-49 1:0-49
 @ ./node_modules/@apollo/client/index.js 1:0-32 1:0-32
 @ ./src/graphql/RealmApolloProvider.js 8:0-87 11:19-27 29:20-33 30:13-25 47:42-56
 @ ./src/App.js 9:0-64 52:38-57
 @ ./src/index.js 7:0-24 16:36-39

WARNING in ./node_modules/bson/dist/bson.browser.esm.js 2196:26-55
Module not found: Error: Can't resolve 'crypto' in '/mnt/volume_nyc1_01/realm-tutorial-web/node_modules/bson/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
        - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "crypto": false }
 @ ./src/graphql/useTaskMutations.js 6:0-32 102:19-27
 @ ./src/graphql/useTasks.js 5:0-50 18:6-22 28:32-48
 @ ./src/components/ProjectScreen.js 9:0-43 113:6-14 281:10-18
 @ ./src/TaskApp.js 10:0-55 37:39-52
 @ ./src/App.js 8:0-32 59:38-45
 @ ./src/index.js 7:0-24 16:36-39

93 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.67.0 compiled with 93 warnings in 2195 ms
1 Like

Hi @Tom_Connors, I was able to solve the crypto dependency error, have a look in this other post for details: Can't resolve 'crypto' in node_modules/bson/dist react - #2 by Emiliano_Tortorella

I hope it helps!

Cheers!

1 Like