我正在尝试将application应用程序迁移到NX,下面是 官方网站 上的步骤
当我撞到 nx serve 时
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 但我得到了
npm install zlib
找不到模块'./zlib_bindings‘
发布于 2022-08-11 09:15:13
出于某种原因,VSCode在我的文件顶部插入了“express”导入e。
import { response } from 'express';
我删除了上面的 import 行,然后问题就解决了,所有的错误都在上面的修改之后消失了。
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" 。
workspace.json
"webpackConfig": "@nrwl/react/plugins/webpack"
"webpackConfig": "apps/myapp/webpack.config.js"
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,