小编J. *_*Doe的帖子

我正在关注这个webpack4/react教程:

https://www.youtube.com/watch?v=deyxI-6C2u4

我完全跟着它,直到他运行npm的部分开始.不同的是,他的应用程序运行,我的错误:

找不到模块'@ babel/core'

完整的错误:

ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\joeyf\Desktop\Code\Github\webpack4-sample\node_modules\babel-loader\lib\index.js:5:15)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
 @ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./src/index.js main[2]

我曾尝试重新安装babel-core,但仍未找到.这是我的package.json:

{
  "name": "webpack4-sample",
  "version": "1.0.0",
  "description": "A sample setup of Webpack4 with React and Babel",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --mode development --open …

这就是我的目标网页的加载方式：

这就是我的着陆页的加载方式：

在渲染错误的页面上，英雄的代码在顶部被切断，可以使用以下代码加载背景图像：

（反应/JSX）：

<section className="hero-section" style={ { backgroundImage: "url('https://s3.us-east-2.amazonaws.com/housessoldeasily.com/img/bg.jpg')" }> </section>

但是当我对其他四个图像尝试相同的方法时：

<div className="propertie-item set-bg" style={ { backgroundImage: "url('https://s3.us-east-2.amazonaws.com/housessoldeasily.com/img/propertie/1.jpg')" } }></div>

它不加载。当我检查元素时，我看到这个：

<div class="propertie-item set-bg" style="background-image: url("undefined");"></div>

我确实在代码中定义了 URL，但由于某种原因它没有被传递。

然而，当我查看网络选项卡时，所有图像请求都收到了 200 个响应

真的不知道为什么它适用于英雄的背景图像，但不适用于子类别。

您可以访问Housessoldeasily.netlify.com 获取该网站的工作静态版本。这不是该网站的 React 版本。

以下是背景图像加载正常的组件的 Github 链接：

https://github.com/jfny/custom-everything/blob/master/client/v1/src/components/homepage/HeroSection.js

这是一个指向组件的 Github 链接，我在其中尝试了完全相同的操作，但背景未加载：

https://github.com/jfny/custom-everything/blob/master/client/v1/src/components/homepage/PropertiesSection.js

如果有人有任何见解，我们将不胜感激。谢谢。