nuxt-edge 相关问题

使用 Nuxt/Image 模块并构建应用程序时，图像 URL 将更改为 https://domain.x/_ipx/_/images/foods/Appetizaer/Garlic-Bread.png。然而，图像不能被看...

我正在学习使用Nuxt，目前正在尝试使用nuxt-bridge，它带有大多数Nuxt3功能，同时保持我需要的nuxt-auth-next模块的兼容性。截至目前，我正在开发我的 API，你...

我正在更新网络应用程序，并发现 Edge 存在此问题。我们有一些字段，使用 's （见图）我发现显示了，但是一旦我单击十字，（男人的右上角......

JavaScript StructuredClone 在 Chrome/Edge 中遇到“非法调用”，但在 NodeJS 中没有遇到问题

在浏览器中运行以下代码： ({ 克隆: StructuredClone }).clone(1); 会得到 Uncaught TypeError: Illegal incalling,在 Chrome/Edge 中测试。不过在 NodeJS 中运行代码没问题，测试一下...

Nuxt 3 项目无法找到 PWA 图标

开发工具错误我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...

如何使用 Nuxt 中间件正确检查 Firebase Auth？

我有一个与 Firebase 连接的 Nuxt 应用程序。我有一个可组合的 useAuth() ，代码如下：从 'firebase/auth' 导入 { type User, onAuthChangedListener }; 导出默认函数 () { c...

剧作家| azure pipeline-在 MS Edge 浏览器中运行测试时出现错误

我通常在 chrome 浏览器作为基础平台上运行测试。有时我会在本地的 Firefox 和 MS Edge 浏览器上进行跨浏览器测试。配置到管道后，我运行了跨浏览器

Nuxt 3：如何从浏览器网络 Fetch/XHR 请求列表中隐藏服务器 api 调用请求？

我有 Nuxt 3 项目，有两个页面和一个服务器 api：配置文件：nuxt.config.ts 导出默认的defineNuxtConfig({ 路线规则：{ '/api/**': { 缓存：{ maxAge：60 ...

使用 Nuxt 3 和 Storyblok 使用 Netlify 生成静态站点

我正在尝试使用 Nuxt 3 构建一个静态站点，我希望该站点 100% 静态，无需任何 API 调用。为了实现这一目标，我创建了 nuxt.config.ts 文件，如下所示。 // 仅显示相关...

Vue/Nuxt：如何让组件真正动态？

为了使用动态定义的单页面组件，我们使用组件标签，因此： ... 从 '@/

我收到“此无服务器功能已崩溃”。当我将 NUXT js 应用程序部署到 Vercel 时

我在 NUXT JS 上构建了我的应用程序并将其部署在 Vercel 上，但出现如下错误。当我打开函数日志时，它向我显示的是以下内容。这是错误代码的完整描述我...

Iframe 外部 API 回调将 ASP.NET MVC 会话对象重置为 null

解释起来有点棘手，但我会尽力解释问题。首先，它仅在 Firefox、Chrome 和 Edge 上按预期运行。我有一个网络退房表格...

office 插件中的 Redux DevTools

我正在开发一个使用 Angular 15 的 Excel 插件，在 Angular 应用程序中，我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。

vscode 和 Edge 的光标大小与系统不同

我在 manjaro linux 上使用 Visual-studio-code-bin packcge。奇怪的是，当我移动到 vscode 和其他应用程序时，我的鼠标光标大小有所不同。请问我该怎么解决呢？？谢谢

在 Vuetify 中删除边距和填充

所以我对 Vuetify 和前端开发几乎是全新的，如果我的问题很简单或者太模糊，我很抱歉。我正在尝试使用 Nuxt 和 Vuetify 构建一个网站，但我...

Nuxt 3，Pinia 根据布尔状态更新 bodyClass

是否可以根据 Pinia 商店的商店布尔值动态更新主体类？我能够在页面加载时获取该值，但当我切换路由时它不会更新。店铺：经验...

Vue 3-Nuxt 3 Composables 不控制台日志

我正在尝试使用可组合项进行 console.log，它曾经工作正常，但现在它不起作用。这就是我试图做的：〜/可组合项/测试/index.ts 导出函数 useTester() { 控制台.log(...

Nuxt 3 水合儿童不匹配

我使用异步等待从服务器获取一个简单的类别列表，一切正常。接下来，我需要输出一个简单的 v-for 列表，然后我收到此警告。我可以删除...的所有内容

iPhone 上的任何浏览器（Safari、Chrome 或 Edge）都不会提示进行 Windows 身份验证，需要有关如何调试此问题的帮助吗？

我们有一个 Asp Net Core Web API 服务器和 Angular 客户端。 Asp Net Core Web API 设置为进行 Windows 身份验证。此设置适用于 PC、Mac 和 Android 设备上的所有浏览器，如下所示

NPM 失败，尝试在arm64 机器上安装x64 依赖项

我全新安装了 Nuxt 3，它是在我的 x64 PC 上创建的。在此阶段，除了初始设置之外，没有任何更改。 Git 仓库我面临的问题是当将其克隆到我的 M1 MacBook 时，r...

嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配

在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server:  - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。该组件仅在客户端渲染其插槽。

带有使用 requireJS 的 javascript 模块的 Flutter Web 项目（Flutter Web 中的 Monaco 编辑器）

我正在尝试在 Flutter Web 中使用 Monaco 编辑器。我看到的最简单的方法是同步加载所有资源示例。这是一个独立的 html 文件：我正在尝试在 Flutter Web 中使用 Monaco 编辑器。我看到的最简单的方法是同步加载所有资源示例。这是一个独立的 html 文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/editor/editor.main.css" /> <style> @font-face { font-family: "codicon", src: url("https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/base/browser/ui/codicons/codicon.ttf") format("truetype") } </style> <title>Monaco</title> </head> <body> <h2>Monaco Editor Sync Loading Sample</h2> <div id="code" style="width: 800px; height: 600px; border: 1px solid grey"></div> <script> var require = { paths: { vs: "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs" } }; </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/loader.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/editor/editor.main.nls.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs/editor/editor.main.js"></script> <script> var editor = monaco.editor.create(document.getElementById("code"), { value: ['function x() {', '\tconsole.log("Hello world!");', '}'].join('\n'), language: "javascript", additionalCssClassName: "code" }); </script> </body> </html> 我的问题是：如何修改示例 Flutter Web 项目的 index.html 文件，以便加载所有必需的资源？线路好像有问题 var require = { paths: { vs: "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.44.0/min/vs" } }; 因为 flutter 构建永远不会完成（卡在某个地方。）我看到 Flutter 本身使用 requirejs，并且可能存在我不知道如何解决的冲突。如果您知道如何执行此操作，请发布一个 Fluter Web index.html 文件，该文件加载编辑器所需的所有 js 文件。谢谢你， T https://github.com/Hua777/flutter_monaco_editor 我已经大致完成了flutter版的monaco编辑器。但还不完美，希望对你有帮助。

nuxt-edge 相关问题

最新问题