我正在尝试将application应用程序迁移到NX,下面是官方网站上的步骤
当我撞到nx serve
时
我面临以下错误:
找不到C:/dev/nx-dev/scandy/node_modules/@react-pdf/png-js/dist/png-js.browser.es.js模块中的错误:错误:无法解决'C:\dev\nx-dev\scandy\node_modules@react-pdf\png-js\dist‘模块中的“zlib”错误,C:/dev/nx-dev/scandy/node_modules/@react-pdf/pdfkit/dist/pdfkit.browser.es.js模块中找不到:错误:无法解决'C:\dev\nx-dev\scandy\node_modules@react-pdf\pdfkit\dist‘中的“’zlib”
知道这一点:在我开始迁移之前,我的项目运行得很好。
npm版本: 6.14.11
节点版本: 14.16.0
我试着打npm install zlib
但我得到了
找不到模块'./zlib_bindings‘
发布于 2022-08-11 09:15:13
出于某种原因,VSCode在我的文件顶部插入了“express”导入e。
import { response } from 'express';
我删除了上面的import
行,然后问题就解决了,所有的错误都在上面的修改之后消失了。
发布于 2021-07-19 14:21:44
它是关于Webpack 5和它的默认配置,您使用的反应应用程序。我遵循了这里的一个建议:https://github.com/nrwl/nx/issues/4817#issuecomment-824316899和React关于如何使用自定义webpack配置。
创建一个定制的webpack配置,比如在/app/myapp/webPack.config.js中,并在workspace.json
而不是"webpackConfig": "@nrwl/react/plugins/webpack"
中引用它。应该是"webpackConfig": "apps/myapp/webpack.config.js"
。
webpack.config.js
内容
const nrwlConfig = require("@nrwl/react/plugins/webpack.js");
module.exports = (config, context) => {
// first call it so that @nrwl/react plugin adds its configs
nrwlConfig(config);
return {
...config,
node: undefined
};
};
因此,这种配置的改变使webpack正确地理解了什么是需要填充。
或者,您可以执行以下操作:
const nrwlConfig = require("@nrwl/react/plugins/webpack.js");
module.exports = (config, context) => {
// first call it so that @nrwl/react plugin adds its configs
nrwlConfig(config);
return {
...config,
resolve: {
...config.resolve,
alias: {
...config.resolve.alias,
stream: require.resolve('stream-browserify'),
zlib: require.resolve('browserify-zlib'),
}
}
};
};
发布于 2022-10-01 09:48:30
对我来说,这是密码:
import { response } from 'express'
这是VSCode在文件开始时自动输入的。删除它解决了问题:)
https://stackoverflow.com/questions/67001182
复制相似问题