时间戳

首页 > 解决方案 > ReasonML 的 ParcelJS 未正确进行热加载

parceljs - ReasonML 的 ParcelJS 未正确进行热加载

问题描述

使用 parcel 已经有一段时间了，但这是我第一次尝试 ReasonML（React-Hooks 主题）。刚刚尝试了通用 bsb -init foobar -theme reason-hooks

Parcel 似乎可以很好地捆绑东西（即，如果我将文件夹复制到我的网络服务器，我可以打开 index.html 并且一切正常。（http://localhost/folder/index.html

问题在于

Server running at http://localhost:1234 
√  Built in 1.55s.

当我转到 localhost:1234 时，我在加载时收到以下 Chrome 错误。

（注意它说的是index.html的内容（或者是index.bs.b68b9b3.js）（顺便说一句：JS文件很好Chrome显示的是index.html的内容

图片

这是 /dist 文件夹的内容

图片

这是我用来构建的 npm 脚本：

    "pack": "node_modules/.bin/parcel src/index.html --public-url ./",

Index.js 位于 src/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Web Dashboard</title>
</head>

<body>
    <script>
        // stub a variable ReactJS checks. ReactJS assumes you're using a bundler, NodeJS or similar system that provides it the `process.env.NODE_ENV` variable.
        window.process = {
            env: {
                NODE_ENV: 'development'
            }
        };
    </script>

    <script src="Index.bs.js"></script>
</body>

</html>

你的环境

Windows 10“依赖项”：{“react”：“^16.8.1”，“react-dom”：“^16.8.1”，“reason-react”：>=0.7.0”}，“devDependencies”： { "bs-platform": "^7.0.1", "moduleserve": "^0.9.0", "parcel-bundler": "^1.12.4"

标签： parceljs

解决方案

推荐阅读