Reactjs React传单在开发环境中渲染本地瓷砖

我需要帮助来解决一个问题，我使用带有React传单的Webpack，当我想加载地图的分幅时，每个分幅都会收到此错误消息

GET http://localhost:9080/home/drigtime/Documents/electron-webpack-quick-start/static/tiles/amakna/3/11/6.jpg 404 (Not Found)

以下是我的组件代码：

class MapComponent extends Component {
  state = {
    crs: L.CRS.Simple,
    hightLight: [],
    lat: -250,
    lng: 425,
    markers: [],
    maxZoom: 4,
    minZoom: 0,
    zoom: 3
  };
  render() {
    const { lat, lng, zoom, crs, maxZoom, minZoom } = this.state;
    const position = [lat, lng];

    return (
      <Map
        center={position}
        zoom={zoom}
        maxZoom={maxZoom}
        minZoom={minZoom}
        crs={crs}
      >
        <MapCoord />
        <MapArea />
        <HightLight />
        <TileLayer url={join(__static, "./tiles/amakna/{z}/{x}/{y}.jpg")} />
      </Map>
    );
  }
}

类MapComponent扩展组件{
状态={
crs:L.crs.Simple，
远光灯：[]，
lat:-250，
液化天然气：425，
标记：[]，
最大缩放：4，
最小缩放：0，
缩放：3
};
render（）{
const{lat，lng，zoom，crs，maxZoom，minZoom}=this.state；
常数位置=[lat，lng]；
返回(
);
}
}

我做错什么了吗？如何在开发环境中加载地图分幅

---

这是我项目的回购协议

好的，我通过添加以下内容解决了我的问题：

include : path.join(__dirname, "static")

到“url加载程序”模块的网页包配置文件

之后，我收到一条新的错误消息，上面说：

Not allowed to load local resource: file:///home/drigtime/Document/electron-webpack-quick-start/static/tiles/amakna/3/12/6.jpg"

所以我禁用了网络安全

const window = new BrowserWindow({
  webPreferences: {
    webSecurity: false
  }
})

---

成功了！我的地图最终正在渲染！：）

如果此路径对您有效，可能会尝试：nop也不起作用``GET 404（未找到）```

const window = new BrowserWindow({
  webPreferences: {
    webSecurity: false
  }
})