最近完成了一个 React 项目的组装,该项目可获取新闻文章并显示它们。最近部署到 Heroku 并发现只有桌面版 Chrome 可以运行它。
当我查看 Javascript 控制台时,Safari 和 Firefox 都给出了相同的错误。 Javascript error
链接到 Heroku 应用程序 - https://calm-bastion-47290.herokuapp.com/ ?
服务器设置
const express = require("express");
const mongoose = require("mongoose");
const bodyParser = require("body-parser");
const passport = require("passport");
const path = require("path");
const users = require("./routes/api/users");
const profile = require("./routes/api/profile");
const app = express();
// Body Parser Middleware
app.use(express.urlencoded({ extended: false }));
app.use(express.json());
// DB config
const db = require("./config/keys").mongoURI; //mongodb database url connection
// connect to mongodb
mongoose
.connect(db)
.then(() => console.log("MongoDB Connected"))
.catch(err => console.log(err));
//passport Middleware
app.use(passport.initialize());
//passport config
require("./config/passport")(passport);
//use routes
app.use("/api/users", users);
app.use("/api/profile", profile);
// Server static assets if in production
if (process.env.NODE_ENV === "production") {
// Set static folder
app.use(express.static("client/build"));
app.get("*", (req, res) => {
res.sendFile(path.resolve(__dirname, "client", "build", "index.html"));
});
}
const port = process.env.PORT || 5000;
app.listen(port, () => console.log(`Server running on port ${port}`));
我不认为我的代码有什么问题,因为它在本地运行得很好,而且 chrome 处理得很好。 Safari、Firefox 和移动设备上的任何浏览器无法呈现我的 Web 应用程序的任何部分有什么明显的原因吗?
最佳答案
刚刚遇到了同样的问题。确保在部署之前取出 redux 开发工具。
在您的 store.js 文件中包含以下内容,以便不在生产中使用“redux devtools”。
if(process.env.NODE_ENV === 'production') {
store = createStore(rootReducer, initialState, compose(
applyMiddleware(...middleware)
));
} else {
store = createStore(rootReducer, initialState, compose(
applyMiddleware(...middleware),
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
));
}
这个想法是在开发过程中仅包含 REDUX_DEVTOOLS。在生产中不应使用此方法,因为只有具有 redux devtool 扩展的浏览器才能查看该页面。
关于javascript - Heroku 应用程序仅适用于 Chrome 桌面//React.Js 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50505805/