在服务器上运行 svelte dev

Question

我在我的服务器上像这样运行 svelte：

$ npm run dev


  Your application is ready~! 🚀

  - Local:      http://localhost:5000

────────────────── LOGS ──────────────────

这很棒。 但是，当我尝试通过我的公共 ip 访问时，找不到捆绑包。 IE 当我在浏览器中输入<publicIP>:5000时。 它没有出现。 该端口是开放的并且可以访问。 有什么办法可以做到这一点？

请求失败了。 但是，如果它在 localhost:5000 上运行，它不应该工作吗？ 我已经设置了一个节点服务器，我确实可以在端口 5000 上访问它，但它不能像npm run dev那样正确地提供文件。

Answer 1

声明环境变量HOST=0.0.0.0

HOST=0.0.0.0 npm run dev

灵感/可能的来源：https://github.com/lukeed/sirv/issues/29#issuecomment-497907602

---

您还可以修改package.json中的dev脚本并预先添加HOST=0.0.0.0

  "scripts": {
    "build": "rollup -c",
    "dev": "HOST=0.0.0.0 rollup -c -w",
    "start": "sirv public"
  },

现在你可以简单地运行npm run dev

Answer 2

实际上，消息：

  Your application is ready~!

  - Local:      http://localhost:5000
  - Network:    Add `--host` to expose

告诉您将--host放入sirv public而不是rollup -c -w ，这有点令人困惑。

  "scripts": {
    "build": "rollup -c",
    "dev": "rollup -c -w",
    "start": "sirv public  --host"
  },

Answer 3

只需将粗体部分添加到package.json

“开始”：“sirv public --host 0.0.0.0 ”

Answer 4

非常感谢这里有建议的人。 SvelteKit 的更新。 我只想使用手机查看本地网络中的站点。

package.json提取...

"scripts": {
        "dev": "svelte-kit dev",
        "special": "svelte-kit dev --host 0.0.0.0",
        "build": "svelte-kit build",
        "preview": "svelte-kit preview",
        "lint": "eslint --ignore-path .gitignore ."
    },

我的启动控制台看起来像：

C:\Program Files\nodejs\npm.cmd run-script special -- --open

> sveltekit_demo_app@0.0.1 special
> svelte-kit dev --host 0.0.0.0 "--open"

  SvelteKit v1.0.0-next.118

  network: http://192.168.1.14:3000
  network: http://192.168.56.1:3000
  network: http://169.254.131.201:3000
  local:   http://localhost:3000

Answer 5

React Js Import in Packege.Json

"dev": "vite", "build": "vite build", "preview": "vite preview",