如何在Next.js中使用自定义的webpack配置为Sentry (@sentry/nextjs包)提供'cmd‘？
如何在Next.js中使用自定义的webpack配置为Sentry (@sentry/nextjs包)提供'cmd‘？
提问于 2021-10-14 15:10:11
在我的包json中，我使用
"webpack": "5.58.1",
"@sentry/nextjs": "6.13.3",
"typescript": "4.0.5",
"next": "11.0.1",我运行next build，它编译时没有错误。
然后我运行next dev，然后在浏览器中查看http://localhost:3000/
我在浏览器控制台中看到以下错误：
Uncaught TypeError: Cannot read properties of undefined (reading 'cwd')
at eval (VM244 parsers.js:42)
at Module../node_modules/@sentry/node/esm/parsers.js (_app.js?ts=1634221348526:3118)
at Module.options.factory (webpack.js?ts=1634221348526:675)
at __webpack_require__ (webpack.js?ts=1634221348526:37)
at fn (webpack.js?ts=1634221348526:353)
at eval (VM243 backend.js:9)
at Module../node_modules/@sentry/node/esm/backend.js (_app.js?ts=1634221348526:2975)
at Module.options.factory (webpack.js?ts=1634221348526:675)
at __webpack_require__ (webpack.js?ts=1634221348526:37)
at fn (webpack.js?ts=1634221348526:353)
at eval (VM220 index.js:42)
at Module../node_modules/@sentry/node/esm/index.js (_app.js?ts=1634221348526:3008)
at Module.options.factory (webpack.js?ts=1634221348526:675)
at __webpack_require__ (webpack.js?ts=1634221348526:37)
at fn (webpack.js?ts=1634221348526:353)
at eval (VM175 index.server.js:10)
at Module../node_modules/@sentry/nextjs/esm/index.server.js (_app.js?ts=1634221348526:2909)
at Module.options.factory (webpack.js?ts=1634221348526:675)
at __webpack_require__ (webpack.js?ts=1634221348526:37)
at fn (webpack.js?ts=1634221348526:353)
at eval (sentry.client.config.js:2)
at Module../sentry.client.config.js (_app.js?ts=1634221348526:2031)
at Module.options.factory (webpack.js?ts=1634221348526:675)
at __webpack_require__ (webpack.js?ts=1634221348526:37)
at __webpack_exec__ (_app.js?ts=1634221348526:14966)
at _app.js?ts=1634221348526:14967
at Function.__webpack_require__.O (webpack.js?ts=1634221348526:86)
at _app.js?ts=1634221348526:14968
at webpackJsonpCallback (webpack.js?ts=1634221348526:1255)
at _app.js?ts=1634221348526:9在next.config.js中，我尝试通过将以下内容添加到自定义的webpack配置中来抑制该错误：
config.resolve.fallback = {
"fs": false,
"os": false,
"path": false,
"domain": false,
"http": false,
"https": false,
"tty": false,
"stream": false,
"child_process": false,
"process": false,
};我也尝试过在我的package.json中安装"process": "0.11.10",，然后将其添加到我在next.config.js中的自定义webpack配置中
plugins: [
new webpack.ProvidePlugin({
process: 'process/browser',
})
],所有这些都没有奏效。
关于如何在运行时解决这个TypeError，你有什么想法吗？
Stack Overflow用户
发布于 2021-10-14 21:09:18
我不得不这么做：
plugins: [
new webpack.ProvidePlugin({
'global.process': 'process/browser',
})
],并删除"process":false from
config.resolve.fallback = {
"fs": false,
"os": false,
"path": false,
"domain": false,
"http": false,
"https": false,
"tty": false,
"stream": false,
"child_process": false,
"process": false,
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69573135
复制相关文章
相似问题
腾讯云开发者
