Javascript Html不读取我的js函数_Javascript_Html_Reactjs_Webpack_Slideshow

Javascript Html不读取我的js函数

javascript html reactjs webpack

Javascript Html不读取我的js函数,javascript,html,reactjs,webpack,slideshow,Javascript,Html,Reactjs,Webpack,Slideshow,我使用react创建幻灯片，问题是我的html找不到更改幻灯片的函数。事情是这样的： <!DOCTYPE html> <html> <body> <header Access-Control-Allow-Origin: *> </header> <main id="peli"> <div id="root"> </div> <script src="dist

我使用react创建幻灯片，问题是我的html找不到更改幻灯片的函数。事情是这样的：

<!DOCTYPE html>
<html>
<body>
  <header Access-Control-Allow-Origin: *>
  </header>
  <main id="peli">
    <div id="root">
    </div>
    <script src="dist/app.bundle.js">plusSlides(2)</script>
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
  </main>
</body>
</html>


加滑块（2）
❮
❯

在我的js文件中，我有一个ReactDOM.render来呈现我的html，还有一个函数来更改幻灯片，plusSlides，但由于某些原因，程序找不到函数plusSlides。我使用webpack来编译我的文件。

webpack通常不会向窗口公开内容。您需要从javascript进行初始化。
但你可以告诉webpack，它可以像你想的那样工作

您所要做的就是将其添加到输出配置中

output: {
    filename: 'app.js',
    library: 'webpackLib',
    libraryTarget: 'window',
},

对于目标，您有不同的选项，请查看文档以获取更多信息。

您在那里得到的唯一reactjs查找功能可能是

#root

是的，我认为问题不在于代码的react部分，因为代码可以工作，但在webpack编译您的文件后无法找到更改幻灯片的功能，

plusSlides

函数不能像通常在普通JavaScript中定义

plusSlides

函数那样使用。为什么不在React自身中包含图像滑块呢。这是在React中做事情的正常方式——在React应用程序内部做大多数事情（主要是那些需要JS的事情）。