Html 不读取我的 js 函数

Question

我使用 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>

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

Answer 1

Webpack 通常不会向 window 公开内容。您应该从 javascript.
初始化但是你可以告诉 webpack 到 export a library 它会像你想要的那样工作。

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

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

您有不同的目标选项，请查看文档了解更多信息。

Html 不读取我的 js 函数

Html Doesnt read my js functions

html

javascript

slideshow

reactjs

webpack