相关疑难解决方法(0)

我用create-react-app包创建了一个ReactJS项目并且运行良好,但我找不到webpack文件和配置.

react-create-app如何与webpack一起使用？webpack配置文件位于默认安装位置中的哪个位置create-react-app？我无法在项目的文件夹中找到配置文件.

我还没有创建覆盖配置文件.我可以使用其他文章管理配置设置,但我想找到传统的配置文件.

有人遇到过这个问题吗？

使用时react-scripts start，第一次加载时一切似乎都正常。一旦对文件进行更改，所有鼠标事件似乎都会停止工作（无法单击按钮、输入、没有工具提示等），即使浏览器似乎已更新。

如果我刷新页面，事件会再次起作用，直到文件发生更改。

这在生产中不是问题，因为观察者不参与其中。

有任何想法吗？

编辑：
我发现了问题，但我不确定解决方案是什么。当观察者重新加载时，iFrame 似乎被添加到 DOM 中。看起来它与许可证有关。iFrame 中的主体是空的，但有一些缩小的 JS，在顶行有注释：

/*! 有关许可证信息，请参阅 iframe-bundle.js.LICENSE.txt */

有谁知道如何防止此 iFrame 出现。

好吧，我将 Angular 从 6 升级到了 8。但我仍然遇到错误。

我在互联网上找到了一个对很多用户都有帮助的解决方案。但在这种情况下，它对我没有帮助。

所以我的 package.json 文件看起来像这样：

{
  "name": "vital10-frontend",
  "version": "0.55.0",
  "license": "Unlicensed",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "hmr": "ng serve --configuration hmr",
    "build": "ng build",
    "build:prod": "npm run sass:prod && npm run vit10prod",
    "build:acc": "npm run sass:prod && npm run vit10acc",
    "build:test": "npm run sass:prod && npm run vit10test",
    "build:dev": "npm run sass:prod && npm run vit10dev",
    "test": "ng test",
    "test:cover": "ng test --code-coverage",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "local": "ng serve …

大家好，我是 React 的新手，当我开始我的项目时，我收到 Wepback V5 错误消息

解决更新：https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001162736

这是用什么啊！

Os: Win11
Node : v16
React:v17
React-script : v5
Webpack:v5

此错误消息包含

Crypto
Http
Https
Stream

错误输出

编译有问题：X

ERROR in ./node_modules/eth-lib/lib/bytes.js 9:193-227

Module not found: Error: Can't resolve 'crypto' in 'C:\Users\PC\Desktop\Portfolio\portfolio_app\node_modules\eth-lib\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, …

我有关于 webpack 5 配置的基本问题，因为我对它的经验为零。我想创建最简单的 Angular 应用程序，它使用node.js模块crypto-js和SHA256。

在 webpack 5 之前，它非常简单。你不必担心 webpack，它在后面的某个地方。

在命令提示符下，我做了：ng new TestApp -> cd TestApp -> npm install crypto-js -> npm install --save @types/crypto-js -> 用导入的 SHA256 编写简单的测试代码 -> 构建它 -> 它工作！

现在我收到消息：

突破性变化：webpack < 5 用于默认包含 node.js 核心模块的 polyfill。不再是这种情况。验证您是否需要此模块并为其配置 polyfill。

如果你想包含一个 polyfill，你需要： - 添加一个后备 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }' - 安装 'crypto-browserify' 如果你没有想要包含一个 polyfill，你可以使用一个空的 >module，如下所示：resolve.fallback: { "crypto": false }

我必须安装这个模块并将这个 polyfill 包含在配置文件中。问题是如何编写最简单的 webpack.config.js，除了这些行之外，放在哪里以及在其中包含什么？

BR

我正在尝试构建一个 React 应用程序，但每次运行 npm start 时，都会收到此消息

找不到模块：错误：无法解析“/Users/abdus/Documents/GitHub/keywords-tracker/node_modules/buffer-equal-constant-time”中的“缓冲区”

重大更改：webpack < 5 默认情况下包含 Node.js 核心模块的 Polyfill。这已不再是这种情况。验证您是否需要此模块并为其配置一个polyfill。

它为几个不同的模块提供相同的消息。我尝试过 npm 安装这些模块，但错误仍然存​​在

当我在 React 中构建应用程序时遇到错误。仅当我尝试构建应用程序时，我才注意到此错误。

当我停止开发服务器并再次运行它时，它显示了相同的错误。看来我做了一些更改，仅在我再次启动服务器或进行构建时才显示：

找不到模块：错误：无法解析“\node_modules\htmlparser2\lib”中的“缓冲区”重大更改：webpack < 5 默认情况下用于包含 node.js 核心模块的 polyfill。现在不再是这种情况。验证您是否需要这些模块并为其配置一个polyfill。

如果你想包含一个polyfill，你需要安装“buffer”。如果你不想包含一个polyfill，你可以使用一个空模块，如下所示：resolve.alias: { "buffer": false }

错误 命令失败，退出代码为 1。

我的申请是用 CRA 和 Typescript 制作的。这是我的package.json：

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "start": "react-scripts start",
    "build": "cross-env NODE_OPTIONS='--max-old-space-size=4096' react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "dependencies": {
    "@apollo/react-hooks": "^4.0.0",
    "@date-io/moment": "^1.3.13",
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.56",
    "@material-ui/pickers": "^3.2.10",
    "@optimizely/react-sdk": "^2.4.0",
    "apollo-boost": "^0.4.9",
    "classnames": "^2.2.6",
    "formik": "^2.2.5",
    "graphql": "^15.4.0",
    "lodash": "^4.17.20",
    "moment": "^2.29.1",
    "react": "^16.13.1", …

我尝试将我的 Gatsby 站点部署到 Netlify，但每当我尝试部署时，我总是收到各种节点模块的这些错误。我尝试制作一个 webpack.config.js 文件并包含两个建议的解决方案，但均无济于事。我还尝试使用别名而不是后备，将浏览器部分添加到 package.json 文件中，将模块设置为 false，并按照其他一些 stackoverflow 答案的建议在 webpack.config.js 文件中添加目标属性，但是我还是很困惑。我之前没有任何 webpack 经验，并且一直在尽力寻找答案。我缺少 Gatsby 的某种特殊配置吗？

错误信息

10:37:20 AM: error Generating JavaScript bundles failed
10:37:20 AM: Can't resolve 'stream' in '/opt/build/repo/node_modules/cipher-base'
10:37:20 AM: If you're trying to use a package make sure that 'stream' is installed. If you're trying to use a local file make sure that the path is correct.
10:37:20 AM: BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
10:37:20 …

我在将 web3 导入到 ReactJS 时遇到问题。要复制我的问题，请初始化一个新的反应应用程序

npx create-react-app my-app
cd my-app

然后在此位置打开终端。写：

npm install web3
npm install

在 App,js 文件中添加以下行

import Web3 from "web3"; 

我在执行此操作后收到错误，npm start然后收到未解决的错误，即

找不到模块：错误：无法解析“流”

找不到模块：错误：无法解析“加密”

我尝试在网上寻找解决方案，特别是我尝试了以下每个

1. 如何在 webpack 5 中 Polyfill 节点核心模块
2. https://www.youtube.com/watch?v=u1PPNIBvQjk
3. 导入 web3 导致 React js 出现问题
4. https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001162736
5. https://namespaceit.com/blog/how-fix-writing-change-webpack-5-used-to-include-polyfills-for-nodejs-core-modules-by-default-error
6. 如何使用 create-react-app 创建 React App 包括 Web3？我收到模块未找到错误。重大变更：使用了 webpack < 5

似乎没有人适合我。对于如何解决这个问题有什么建议吗？谢谢你！