React firebase window.print() 在 safari 上不会运行



我正在使用Firebase并为一个应用程序创建反应应用程序,该应用程序可以创建用户可以打印的页面。这是复制问题所需的全部代码。在Chrome上一切正常。我更新了所有 npm 依赖项和 firebase 工具,但它没有解决问题。

我认为问题出在火碱上,因为我通过基本的获取 api 调用获取数据并且它工作正常。

FirebaseIndex.js 文件是:

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/auth'
const firebaseConfig = {
apiKey: "FIREBASE_API_KEY",
authDomain: "fakedomain",
databaseURL: "https://appName.firebaseio.com",
projectId: "appName",
storageBucket: "appName.appspot.com",
messagingSenderId: ...,
appId: ...,
measurementId: ...
}
firebase.initializeApp(firebaseConfig)

索引.js文件为:

import React, { useEffect } from 'react'
import ReactDOM from 'react-dom'
import * as serviceWorker from './serviceWorker'
import firebase from './firebaseIndex.js'
function App() {
useEffect(() => {
firebase.firestore().collection("users").doc("user123").get().then(doc => {
console.log("anything")
})
},[])
return (
<div className="App">
<button onClick={e => window.print()}>Print</button>
</div>
)
}
ReactDOM.render(
<App />
, document.getElementById('root'))
serviceWorker.unregister()

HTML 文件是:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="this is a web app"
/>
<!-- <link rel="apple-touch-icon" href="logo192.png" /> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--     <script src="/__/firebase/7.5.2/firebase-app.js"></script>
<script src="/__/firebase/7.5.2/firebase-analytics.js"></script>
<script src="/__/firebase/init.js"></script> -->
</body>
</html>

window.print(( 曾经适用于这个 safari 应用程序,但我只是注意到它不再工作了。我在iPhone 13.3.1上使用IOS 6。也许这是新ios更新的错误?即使有人可以指出我的方向,向野生动物园或火力基地报告错误或做出反应,那也很棒

开始删除不必要的代码,看看是否可以找到拼写错误/语法错误。

相关内容

最新更新