https 上的 Svelte dev - 不检测更改答案

【问题标题】：Svelte dev on https - don't detect changeshttps 上的 Svelte dev - 不检测更改
【发布时间】：2021-12-23 20:14:15
【问题描述】：

我在本地 https 上运行 Svelte dev。

首先 - 使用 openssl 命令生成 key.pem 和 cert.pem（使用 npm 中 sirv-cli 页面中的示例）。然后 - 我在 package.json 中设置这些命令：

  "scripts": {
    "build": "rollup -c",
    "dev": "rollup -c -w",
    "start": "HOST=0.0.0.0 sirv public --no-clear --port 443 --http2 --cert cert.pem --key key.pem"
  },

所以 - 我可以在 https 上打开我的项目。就我而言 - 在https://example.com。

（我需要使用 https，因为如果我不使用 https，我们的 API 会拒绝请求。）

问题是，现在当我在src/ 中更改某些文件时 - 浏览器中没有任何变化。我必须在浏览器中进行刷新，然后才能看到新代码。

知道我做错了什么吗？或者我需要补充什么？

【问题讨论】：

标签： https svelte rollupjs

【解决方案1】：

我最终使用了 svelte-webpack 模板 - https://github.com/sveltejs/template-webpack。当我使用 https 运行它时，文件的更改会反映在浏览器中。

（为了将 Webpack 设置为使用 HTTPS，我使用了本教程 - https://bleext.com/post/how-to-enable-https-on-webpack-dev-server - 对于证书文件 - 证书和密钥 - 我使用了上面最初帖子中的两个 .pem 文件。）

【讨论】：