ReactJS App给找不到模块'webpack'[cjs / loader.js中的ReactJS应用]-

我发现了一些与此相关的链接/线程,但是它们大多在角度上。我遇到的问题与ReactJS有关。

主要错误是:

Error: Cannot find module 'webpack'

Require堆栈如下:

Require stack:
- E:\REact\MySite\protik-site\node_modules\react-scripts\scripts\start.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (E:\REact\MySite\protik-site\node_modules\react-scripts\scripts\start.js:36:17)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Function.Module.runmain (internal/modules/cjs/loader.js:1025:10) {
  code: 'MODULE_NOT_FOUND',requireStack: [
    'E:\\REact\\MySite\\protik-site\\node_modules\\react-scripts\\scripts\\start.js'

麻烦的是在css文件的代码中。

@font-face {
    font-family: Icons;
    /*src: url(../fonts/open-iconic/open-iconic.eot);*/
    src: url(http://localhost:3000/open-iconic.eot);
    src: url(http://localhost:3000/open-iconic.eot?#iconic-sm) format('embedded-opentype'),url(http://localhost:3000/open-iconic.woff) format('woff'),url(http://localhost:3000/open-iconic.ttf) format('truetype'),url(http://localhost:3000/open-iconic.otf) format('opentype'),url(http://localhost:3000/open-iconic.svg#iconic-sm) format('svg');
    font-weight: 400;
    font-style: normal
}

我检测到所有这些src url都引起了问题。

我确实曾经运行过 npm ls webpack ,它显示了webpack安装在两条路径中-主节点模块以及内部react-scripts。目前,就目前而言,我还没有。我已经手动删除了两者。 那些熟悉Angular的人会知道,我们可以在项目的webpack.js文件的module.exports中编写显式加载程序规则。有趣的是,在React应用程序中没有创建此类文件。我不知道我是否应该专门创建一个并在其中编写一些代码,或者是否有其他干净,精确的解决方案来应对我可能遇到的任何麻烦。

您能确切告诉我悲伤在哪里吗?到底需要什么修改?研究我发布的需求栈,您有可能找出问题所在吗?如果您需要有关我的 node_modules 状态或任何其他文件的更多信息,欢迎与我们分享。

lewode 回答:ReactJS App给找不到模块'webpack'[cjs / loader.js中的ReactJS应用]-

您的项目似乎是用create-react-app创建的,因为它使用的是react-scripts

react-scripts has a dependency to webpack,错误的输出告诉我们,react-scripts试图运行需要缺少webpack模块的启动脚本。

您是

  

npm安装

在启动应用程序之前?

评论后的结果:

正确安装open-iconic:

  • 下载vendor-css file并将其添加到您的项目中,然后将其导入到源CSS中(不推荐,但可以)
  • 只需通过CDN将其添加到您的项目中,例如将此行添加到正在使用的任何CSS文件中(或为供应商导入创建特定的CSS文件,并将其导入到您的App.css中)@import url('https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css');
  • 通过cdn通过以下行将其添加到您的index.html: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css">

构建应能正常工作。

您的.css文件包含可能导致中断的localhost路径。

本文链接:https://www.f2er.com/3071767.html

大家都在问