Looking to develop an RSS script with Next.js.
To achieve this, I created a script in a subfolder within the root directory called scripts/ and named it build-rss.js
next.config.js
module.exports = {
webpack: (config, options) => {
config.module.rules.push({
test: /\.svg$/,
issuer: { and: [/\.(js|ts|md)x?$/] },
use: [
{
loader: '@svgr/webpack',
options: {
prettier: false,
svgo: true,
svgoConfig: { plugins: [{ removeViewBox: false }] },
titleProp: true,
},
},
],
})
if (!options.dev && options.isServer) {
const originalEntry = config.entry
config.entry = async () => {
const entries = { ...(await originalEntry()) }
entries['./scripts/build-rss'] = './scripts/build-rss.js'
return entries
}
}
if (!options.isServer) {
config.resolve.fallback.fs = false
}
return config
},
}
Upon trying to run the script with npm run build:development, as specified in package.json:
"scripts": {
"clean": "rimraf .next",
"dev": "next dev",
"export": "next export",
"start": "next start",
"lint": "next lint",
"build:development": "next build && npm run export && npm run rss:development",
"build": "next build && npm run export && npm run rss",
"rss:development": "node ./.next/server/scripts/build-rss.js",
"rss": "node ./.next/serverless/scripts/build-rss.js"
}
An error is thrown:
Error: Cannot find module '../../webpack-runtime.js'
Despite verifying that the file does exist.
This previously worked without issue. Possibly on previous versions when using the same setup for another project.
I have provided a full demonstration of the error at → https://github.com/deadcoder0904/next-script-rss-error
Simply clone the repository, install it, and execute the script npm run build:development in the terminal to encounter the error.