$RefreshReg$ with React #1966

stolinski · 2020-12-13T21:21:23Z

stolinski
Dec 13, 2020

I spun up an app with CSA and used the react typescript template as a starter. When running dev, the front end shows the following error.

Unhandled Runtime Error
Uncaught ReferenceError: $RefreshReg$ is not defined

Source
http://localhost:8080/dist/index.js [:31:1]
ReferenceError: $RefreshReg$ is not defined
    at http://localhost:8080/dist/index.js:31:1

Reproduction can be found just by using the React Typescript Template to get started.

It should be noted, that I'm seeing this exact same behavior from my app that I'm adding snowpack too that is React.

snowpack.config.js

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  mount: {
    public: { url: '/', static: true },
    src: { url: '/dist' },
  },
  plugins: [
    '@snowpack/plugin-react-refresh',
    '@snowpack/plugin-dotenv',
    '@snowpack/plugin-typescript',
  ],
}

deps

  "dependencies": {
    "react": "^17.0.0",
    "react-dom": "^17.0.0"
  },
  "devDependencies": {
    "@snowpack/plugin-dotenv": "^2.0.5",
    "@snowpack/plugin-react-refresh": "^2.3.9",
    "@snowpack/plugin-typescript": "^1.1.1",
    "@snowpack/web-test-runner-plugin": "^0.1.5",
    "@testing-library/react": "^11.0.0",
    "@types/chai": "^4.2.13",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@types/snowpack-env": "^2.3.2",
    "@web/test-runner": "^0.10.0",
    "chai": "^4.2.0",
    "prettier": "^2.0.5",
    "snowpack": "^2.18.3",
    "typescript": "^4.0.0"
  }

Answered by FredKSchott

Dec 13, 2020

Duplicate of #1958, fixing this now!

View full answer

FredKSchott · 2020-12-13T21:27:45Z

FredKSchott
Dec 13, 2020
Maintainer

Duplicate of #1958, fixing this now!

1 reply

stolinski Dec 13, 2020
Author

Thanks! I don't know how I missed #1958 when searching.

ahtcx · 2021-04-08T10:58:56Z

ahtcx
Apr 8, 2021

I solved the issue by making sure my HTML had a <body> tag, because otherwise the hooks can't be injected.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

$RefreshReg$ with React #1966

{{title}}

Replies: 2 comments 1 reply

{{title}}

{{title}}

{{title}}

Select a reply

$RefreshReg$ with React #1966

stolinski Dec 13, 2020

Replies: 2 comments · 1 reply

FredKSchott Dec 13, 2020 Maintainer

stolinski Dec 13, 2020 Author

ahtcx Apr 8, 2021

stolinski
Dec 13, 2020

Replies: 2 comments 1 reply

FredKSchott
Dec 13, 2020
Maintainer

stolinski Dec 13, 2020
Author

ahtcx
Apr 8, 2021