生成时缺少JavaScript文件

Question

我有一个普通的JS应用程序。我使用Vite作为前端构建工具。

  <script src="./src/main.js"></script>
  <input type="button" value="Connect" onclick="connect();" />

上面的代码可以在本地运行，但在构建时，它不会在dist文件夹(我设置为deploy)中生成JS文件，因此在部署时会出现程序错误。

​

​

错误为Uncaught ReferenceError: connect is not defined at HTMLInputElement.onclick

我该如何解决这个问题呢？我使用Vite将其部署到Firebase主机上进行构建。

编辑:我将main分支移到了Svelte，这样它就可以工作了，但是vanilla js不能工作，它在petite-vue分支中。如果您想测试它的错误，请查看此分支。

源代码在这里https://github.com/leochoo/emotion/blob/petite-vue/index.html

Answer 1

我认为你的项目有点混乱，我在Github上给你做了一个可用的示例vite + svelte + microbit：

• https://github.com/flydev-fr/so-vite-svelte-microbit

只需克隆存储库，然后运行yarn和yarn build