首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >代码:‘模块_NOT_FOUND’,requireStack:[.即使模块是可见的,并且文件路径是正确的。

代码:‘模块_NOT_FOUND’,requireStack:[.即使模块是可见的,并且文件路径是正确的。
EN

Stack Overflow用户
提问于 2022-02-27 20:21:52
回答 2查看 26.4K关注 0票数 3

因此,我在创建一个应用程序时遇到了问题,如果没有这个问题,我就无法运行npm构建,

PS C:\Users\finnm\OneDrive\Desktop\Finn的stuff\NFT\DenOfDragons\minting_staking_dapp> npm启动

minting_staking_dapp@0.1.0开始反应-应用程序-重新连线开始

代码语言:javascript
复制
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-scripts/config/webpack.config.dev'
Require stack:
- C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-app-rewired\scripts\start.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-app-rewired\scripts\start.js:9:23)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    "C:\\Users\\finnm\\OneDrive\\Desktop\\Finn's stuff\\NFT\\DenOfDragons\\minting_staking_dapp\\node_modules\\react-app-rewired\\scripts\\start.js"
  ]
}
PS C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp> 

模块在那里,路径是正确的,所以我不明白为什么找不到它

节点版本: 16.14.0 npm版本: 8.5.2

这是我的package.json

代码语言:javascript
复制
{
  "name": "minting_staking_dapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/user-event": "^13.5.0",
    "contracts": "file:./SmartContractMetaData",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "react-app-rewired": "^1.6.2",  
    "web-vitals": "^2.1.4",
    "web3": "^1.7.0"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "assert": "^2.0.0",
    "crypto-browserify": "^3.12.0",
    "https-browserify": "^1.0.0",
    "os-browserify": "^0.3.0",
    "stream-browserify": "^3.0.0",
    "stream-http": "^3.2.0"
  }
}

和我的config-overrides.js

代码语言:javascript
复制
const webpack = require('webpack');

module.exports = function override(config) {
    config.ignoreWarnings = [/Failed to parse source map/];

    const fallback = config.resolve.fallback || {};
    Object.assign(fallback, {
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "assert": require.resolve("assert"),
        "http": require.resolve("stream-http"),
        "https": require.resolve("https-browserify"),
        "os": require.resolve("os-browserify"),
        "url": require.resolve("url")
    })
    config.resolve.fallback = fallback;
    config.plugins = (config.plugins || []).concat([
        new webpack.ProvidePlugin({
            process: 'process/browser',
            Buffer: ['buffer', 'Buffer']
        })
    ])
    return config;
}

谢谢你能提供的帮助

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-02-28 16:26:29

这就是解决办法

它找不到这个模块的原因是因为在reason脚本2+中,这个文件被create重新命名/与普通的webpack.config合并。

如果你使用的是react重新连接1.6.2。您需要使用react应用程序-重新连线的2+版本的反应-脚本版本的2+,部分原因,部分原因,也是因为Webpack 4也有重大变化-版本1.6.2不是Webpack 4+兼容。

票数 1
EN

Stack Overflow用户

发布于 2022-02-27 20:36:34

您的路径似乎指向一个OneDrive位置-- OneDrive模拟文件“存在”,但实际上只能按需下载。这在上下文…中可能不起作用。

尝试右键单击该文件并选择“始终保持…”。。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71288198

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档