logo标签列表

权限策略头部出现错误：未识别的特性：“interest-cohort”

reactjshttp-headershostinggithub-pages
34

我刚开始学习React。

我的页面在本地主机上运行正常。

现在我正在尝试将我的页面托管到Github上。

我已经使用“npm run deploy”进行了托管。

这是我的package.json文件：

这是我的package.json文件

现在，当我尝试访问我的页面时，遇到了错误，并且第一个警告最让我担心。

错误

这是我的页面：Github Page

什么是“权限策略”，如何解决它？

你的 gh-pages 出现了 404 错误。你已经修复了吗？怎么修复的？ - JackChouMine
不，我忽略了它们。 但是这里有一些可以帮助的线程。https://github.com/sveltejs/kit/issues/1506https://github.com/sveltejs/kit/issues/1263 - Danish Javed
它是开源的吗？让我看一下，我可以更好地帮助你;-) 我的gh是@renatoexpert - Renato Araújo
4个回答
32
6
谷歌决定取消FLoC并用Topics API代替。 https://blog.google/products/chrome/get-know-new-topics-api-privacy-sandbox/ - Takash Futada
18
你先能回答这个问题吗？如何修复这个问题？ - sanjarcode
12
"ignore it" 有没有更好的答案？ - Anthony Avila
1
请问有没有其他的替代方案，而不是只是忽略它。 - Brian Obot
10

我知道可能有点晚了，但我会保留这里，因为我没有看到有人回答如何解决这个问题。 所以我们只需要在index.html文件中添加这个<meta>标签即可：

<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
6
我在index.html中使用了这个，但仍然出现了这个问题：权限策略头部错误：无法识别的功能：'ch-ua-form-factor'。 - Aubdur Rob Anik
3
这个兴趣小组是什么鬼东西啊？ - Rolf
4
仍然出现错误 - user129393192
相关链接：https://dev59.com/TtdnpIgBRmDukGFEYTE1#76316947 - Avatar
3

没有人实际上针对回复中的其他错误进行了讨论。问题在于您 CSS 和 JS 文件的链接是错误的。

可以通过检查网络（如果您检查网络）或检查 index.html 文件来解决这个问题。

https://USERNAME.github.io/assets/index-97b0971f.css

它应该有存储库名称。因此，正确的链接应该是：

https://USERNAME.github.io/REPOSITORY/assets/index-97b0971f.css

如果你正在使用一些“前端工具”例如 Vite.js，你应该前往 vite.config.js 并添加属性 base，像以下例子一样：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  base: "/tweak/",
 //...whatever you had here remains the same
});
0

我使用在app.js中的路由中添加"exact"单词来解决这个问题，然后进行部署。

看一下你的路径会发生变化，所以你也可以将你的主页路由路径更改为精确的/mvp，在我的情况下...

enter image description here

  return <BrowserRouter>
<div className="App">
<Routes>
     
    <Route exact path="/" element={ <Home /> } />
    <Route exact path="startcreating" element={ <Start /> } />
    <Route exact path="aboutus" element={ <About /> } />
    {/* <Route path="signup" element={ <SignUpModel /> } /> */}
</Routes> 
</div>
</BrowserRouter>;
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接