Comments (4)
I'll just add my solution here in case anyone needs it:
npm run eject
- Add this to config/paths.js
app404Html: resolveApp('public/404.html'),
- In config/webpack.config.js, replace this
// Generates an `index.html` file with the <script> injected.
new HtmlWebpackPlugin(
Object.assign(
{},
{
inject: true,
template: paths.appHtml,
},
isEnvProduction
? {
minify: {
removeComments: true,
collapseWhitespace: true,
removeRedundantAttributes: true,
useShortDoctype: true,
removeEmptyAttributes: true,
removeStyleLinkTypeAttributes: true,
keepClosingSlash: true,
minifyJS: true,
minifyCSS: true,
minifyURLs: true,
},
}
: undefined
)
),
with this:
...[
{
// Generates an `index.html` file with the <script> injected.
inject: true,
template: paths.appHtml,
filename: 'index.html'
},
{
// Generates a `404.html` file.
inject: false,
template: paths.app404Html,
filename: '404.html'
}
].map(
cfg => new HtmlWebpackPlugin(
Object.assign(
{},
cfg,
isEnvProduction
? {
minify: {
removeComments: true,
collapseWhitespace: true,
removeRedundantAttributes: true,
useShortDoctype: true,
removeEmptyAttributes: true,
removeStyleLinkTypeAttributes: true,
keepClosingSlash: true,
minifyJS: true,
minifyCSS: true,
minifyURLs: true,
},
}
: undefined
)
)
),
Boom, environmental variables work in 404.html.
from spa-github-pages.
I believe it’s possible, but I haven’t done it. You would need to set it up in your build tooling, which is out of scope for this project.
from spa-github-pages.
@serg06 thanks! Is this ejecting from create-react-app
?
from spa-github-pages.
@rafgraph Yes
from spa-github-pages.
Related Issues (20)
- Redirect script link typo HOT 1
- about.html HOT 4
- Refreshing the page still throws a 404 error in the console. HOT 3
- Doesn't work with Next.js HOT 4
- Just saying thanks
- ? mark not being removed HOT 1
- No longer working for SEO purposes? HOT 2
- ['] being converted to [%27] and breaking React Router HOT 1
- Redirect stays on /?/ HOT 1
- React-router params HOT 2
- Bundle.js file isn't my build folder HOT 1
- Possible to have dynamic social media cards? HOT 1
- Shows a blank page on a route with a path of 2 hashes or more
- Update README for further clarification of instructions
- Mention alternative of `HashRouter` HOT 5
- Consider add GitHub Actions Support?
- Suggestion - Avoid 404's using meta tag HOT 2
- Assets 404 not found with Vite + React Router
- Getting infinite redirect? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from spa-github-pages.