cdn 相关问题

尝试使用 CDN 创建一个极简的 React 应用程序来测试 React-router-dom。下面的代码工作正常： <question vote="0"> <p>尝试使用 CDN 创建一个极简的 React 应用程序来测试 React-router-dom。下面的代码工作正常：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><html> <head> <meta charset='UTF-8'> <script src="https://unpkg.com/react@latest/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js" crossorigin></script> <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> <script src='https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="2c5e494d4f58015e435958495e014843416c19021f0218">[email protected]</a>/umd/react-router-dom.min.js'></script> </head> <body> <div id='root'></div> <script type='text/babel'> const Link = ReactRouterDOM.Link; const Route = ReactRouterDOM.Route; const Router = ReactRouterDOM.BrowserRouter; function App(){ return ( <Router> <nav> <br/><Link to="/">TO HOME</Link> <br/><Link to="/a">TO A</Link> <br/><Link to="/b">TO B</Link> </nav> <Route path="/" exact component={()=><h1>Home</h1>} /> <Route path="/a" component={()=><h1>A</h1>} /> <Route path="/b" component={()=><h1>B</h1>} /> < / Router> );} const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<App />); </script> </body> </html></code></pre> </div> </div> <p></p> <p>但是，当我切换到最新版本的react-router-dom 6.17.0</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code> <script src="https://unpkg.com/<a href="/cdn-cgi/l/email-protection" data-cfemail="b4c6d1d5d7c099c6dbc1c0d1c699d0dbd9f4829a85839a84">[email protected]</a>/dist/umd/react-router-dom.development.js"></script></code></pre> </div> </div> <p></p> <p>我收到错误：</p> <pre><code>index.tsx:1858 Uncaught TypeError: Cannot read properties of undefined (reading 'Route') at Object.get [as Route] (index.tsx:1858:1) at <anonymous>:4:28 </code></pre> <p>此外，我正在检查 CDN 链接中的导出，但没有看到路由被导出，而它是在早期版本中。在 React-router-dom 6.17 版本中是否应该以不同的方式完成此操作。</p> </question> <answer tick="false" vote="0"> <p>尝试从react-router-dom导入BrowserRouter、Link和Route元素，并在代码中相应地使用它们。</p> <p>版本 5 中的 Route 组件现已替换为版本 6 中的 Route 元素。</p> <pre><code>... <script> const { BrowserRouter, Link, Route } = ReactRouterDOM; function App() { return ( <div> <BrowserRouter> <nav> <br/><Link to="/">TO HOME</Link> <br/><Link to="/a">TO A</Link> <br/><Link to="/b">TO B</Link> </nav> <Route path="/" element={<h1>Home</h1>} /> <Route path="/a" element={<h1>A</h1>} /> <Route path="/b" element={<h1>B</h1>} /> </BrowserRouter> </div> ); } ReactDOM.render(<App />, document.querySelector('#root')); </script> ... </code></pre> </answer> </body></html>

reactjs react-router-dom cdn

回答 0 投票 0

React-Router-Dom 极简应用程序不适用于版本 6.17.0，但适用于版本 5.3.4

尝试使用 CDN 创建一个极简的 React 应用程序来测试 React-router-dom。下面的代码工作正常： ...

reactjs react-router-dom cdn

回答 1 投票 0

简单的静态网站可以与数据库交互吗？

假设我想构建一个非常简单的网站，它从数据库中检索内容，但不是构建动态网站，它应该部署在 VPS 或 PaaS 中，我希望它...

database static web-deployment cdn

回答 2 投票 0

如何在vue3中通过CDN使用spotify SDK？

我在实现 Spotify Web Playback SDK 时遇到问题，如其教程中所述。本教程指示我包含以下脚本标签 <p>我在实现 Spotify Web Playback SDK 时遇到问题，如教程<a href="https://developer.spotify.com/documentation/web-playback-sdk/tutorials/getting-started" rel="nofollow noreferrer">此处</a>中所述。本教程指示我在我的 <strong><pre><code><script src="https://sdk.scdn.co/spotify-player.js"></script></code></pre></strong> 中包含以下脚本标签 <strong><pre><code>index.html</code></pre></strong>。但是，当我按照这些说明操作时，我在控制台中遇到以下错误：</p> <pre><code>spotify-player.js:18 Uncaught AnthemError: onSpotifyWebPlaybackSDKReady is not defined at new t (spotify-player.js:18:9580) at a (spotify-player.js:18:10186) </code></pre> <p><a href="https://i.stack.imgur.com/tuM4P.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3R1TTRQLnBuZw==" alt=""/></a></p> <p>我的问题是，如何在 Vue 3 项目中正确实现 CDN，不仅用于 Spotify，还用于任何未来的使用？</p> <p>我怀疑我应该对我的 <strong><pre><code>main.js</code></pre></strong> 进行一些更改，但我不完全确定这些更改应该是什么。</p> <pre><code>import { createApp } from 'vue' import App from './App.vue' import { createPinia } from 'pinia' const app = createApp(App) const pinia = createPinia() app.use(pinia); app.mount('#app') </code></pre> </question> <answer tick="true" vote="0"> <p>我终于知道如何应对了。您所要做的就是在要使用 CDN 的组件中实现以下代码：</p> <pre><code>const script = document.createElement('script'); script.src = 'https://sdk.scdn.co/spotify-player.js'; // or any other cdn script.async = true; document.body.appendChild(script); </code></pre> </answer> </body></html>

sdk vuejs3 spotify cdn

回答 0 投票 0

通过 GUI 使用 JavaScript 在 Azure DevOps 中创建拉取请求？

我一直在寻找一种市场标准方法来产品化前端 Web 应用程序。在这种情况下，我们可以找到一种使用 CDN 的方法，其中资产（文本、图像等）将被获取...

javascript azure-devops frontend cdn productize

回答 1 投票 0

Azure“配置文件 - 按资源组列出”rest api 返回 {"value":[]}

我想使用azure rest api获取资源组下的配置文件列表我可以通过页面上的“尝试”得到正确的响应：但是当我通过具有相同参数的代码请求它时，我只......

azure rest cdn

回答 1 投票 0

更改 CDN Blob 存储 ASP.NET 中的文件内容后刷新缓存

有什么方法可以通过.NET使用CDN更改azure存储帐户中的缓存控制吗？我有 UploadFilesAsync 方法，该方法将新文件上传到 blob 存储中，并且此方法还更新内容...

c# azure azure-blob-storage blob cdn

回答 1 投票 0

不通过后端直接上传图片到Bucket或者CDN有问题吗？

我正在尝试设计一个系统，将图像从 flutter 应用程序上传到存储桶或 CDN，....。我想知道是否可以避免双重上传，即将图像发送到我的后端（不......

flutter amazon-s3 file-upload architecture cdn

回答 1 投票 0

使用supabase cdn时错误：createClient未定义

我在一个项目中使用 Supabase CDN。当我调用 createClient() 函数时出现此错误： createClient 未定义我用旧版本的 CDN 和另一个浏览器尝试过，

cdn supabase

回答 2 投票 0

在 django 中使用数字海洋 cdn 的 url 末尾没有签名

这是我的配置 AWS_ACCESS_KEY_ID = '密钥ID' AWS_SECRET_ACCESS_KEY = '访问密钥' AWS_STORAGE_BUCKET_NAME = 'allio1' AWS_S3_ENDPOINT_URL = 'https://sfo3.digitaloceanspaces.com'

django cdn django-storage

回答 1 投票 0

Webpack 模块规则从 CDN 提供图标

我的应用程序提供了图标下拉菜单。我们使用简单图标、引导图标和一些我们内部开发的自定义图标。这些图标由我们的应用程序使用 webpack 模块托管...

webpack cdn jsdelivr

回答 1 投票 0

您可以在 Azure blob 上手动设置 etag 和最后修改时间吗？

为了实现冗余和扩展，我手动将 blob 复制到全局的多个 Azure 存储帐户。这些帐户构成了 CDN 上源组中的多个“源”。因此，当请求到来时

azure azure-blob-storage cdn http-caching

回答 2 投票 0

cdn 相关问题

最新问题