reactjs应用程序在桌面上正常工作但在手机上不可见
问题描述:
我是新来做出反应并创建了一个小应用程序。一切工作正常在桌面上,但应用程序的反应部分不显示在移动设备上。可以告诉我该怎么办?reactjs应用程序在桌面上正常工作但在手机上不可见
http://dry-wildwood-76655.herokuapp.com/
的package.json
{
"name": "udacitytransportationapp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"prod": "NODE_ENV=production node server.js",
"postinstall": "webpack -p"
},
"author": "",
"license": "ISC",
"dependencies": {
"babel-core": "^6.11.4",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.11.1",
"babel-preset-stage-1": "^6.5.0",
"express": "^4.14.0",
"html-webpack-plugin": "^2.22.0",
"jquery": "^3.1.0",
"lodash": "^4.13.1",
"moment": "^2.14.1",
"offline-plugin": "^3.4.2",
"react": "^15.2.1",
"react-dom": "^15.2.1",
"react-router": "^2.6.0",
"webpack": "^1.13.1"
},
"devDependencies": {
"mocha": "^2.5.3",
"webpack-dev-server": "^1.14.1"
}
}
的index.html
<!DOCTYPE html>
<html>
<head>
<title>Transportation App</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/style/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
<div class="header">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<div class="navbar-brand">TransportationApp</div>
</div>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="http://www.bart.gov/">With this app you can search through the BART station schedules</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container"></div>
</body>
<script src="/bundle.js"></script>
</html>
风格/ style.css中
.bart-image {
width: 300px;
height: 300px;
}
.table-row {
padding-top:30px;
}
答
你的问题是使用FET CH。如果您查看文档https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API,您可以看到它在所有浏览器中都不受支持。这就是为什么它出现在桌面浏览器中,而不是Safari浏览器,以及为什么它不适用于移动设备。
这不是一个移动问题。它也不能在safari中工作 – erichardson30
它适用于桌面上的chrome,但不适用于移动设备上的chrome。 –
它在safari桌面上不适用于我。所以这是一个库/ css的问题。除了反应,你还使用了哪些库? – erichardson30