The top-level-await experiment is not enabled

When we try to call an async function with await from a .tsx file in a Next.js React TypeScript web application we get the error message: Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it) Error: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it) The …

Module not found: Can’t resolve ‘fs’

If you use Webpack version 5 or later you may encounter the error message Module not found: Can’t resolve ‘fs’ The cause is, that Webpack 5 has a breaking change, and the “fs” module is most likely not included anymore in the client-side code. To eliminate the issue, add the “browser” element to the package.js …

Linking between pages in multi page Next.js React web applications

The Next.js React sample project only contains a single “Index” page. If your web site has multiple pages, you need to set up simple routing to call them from each other. In this example we will use the “Link” Next.js React component to call two pages from each other with the minimum number of instructions …

SnowRunner – Michigan, USA (spoiler)

Black River Location Has Needs Warehouse Bricks (1 unit)Concrete blocks (1 unit)Service spare parts (1 unit)Metal beams (2 unit) Task What From To Notes Contract What From To Notes Pipe Dream Heavy Fuel Tanker Semi-Trailer Bricks x2 (1 unit) Metal Beams x1 (2 units) Garage WarehouseWarehouse FactoryFactoryFactory Fuel trailer notes:When you arrive to the factory …

Water required error message in Cities: Skylines

When we try to create an outside ship connection and the waterway is not deep enough, we get the Water required error message. To be able to create the outside ship connection, temporarily raise the sea level. It will flood your map, but after creating the connection you can lower the sea level, and the …