drupal-routes 相关问题

将文件从 drupal 7 迁移到 drupal 8

我有 Drupal 7 网站，我需要将其升级到 Drupal 8 我已按照 drupal 网站文档使用网络浏览器升级到 drupal 8 https://www.drupal.org/docs/8/upgrade/upgrade-乌西...

drupal 7 和 git - 仅更新站点文件

我正在使用 git 更新我的 d7 网站。我只想添加 /sites 文件夹和 .htaccess 我想并保留所有核心 drupal 文件。有办法做到这一点吗？

Drupal 站点通过 HTTPS 加载，但请求不安全的样式表

在 Drupal 中将 HTTP 转换为 https 时遇到以下问题网站已使用 HTTPS 加载，但请求了不安全的样式表 'http://fonts.googleapis.com/css?family=Open+Sans:reg...

require 未定义，在 Drupal 项目中使用 GSAP 时遇到此问题

我是 drupal 和 GSAP 的新手，我在我的项目中使用 GSAP，其中我导入了 GSAP 从“gsap”导入{gsap}；但在控制台中我得到说 Uncaught ReferenceError: require is not

如何停止渲染 app.js 中的组件

}> } /> <SideBar /> <Routes> <Route path='/' element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route path='/service' element={<Service />} /> </Route> </Routes> <Article /> </div> 我不想在服务组件中渲染文章组件。我怎么做？请帮助我。 Article组件无条件在路由内容下渲染。 <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> <Article /> // <-- always rendered! </div> 简单的解决方案就是从 JSX 中删除 Article： <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> {/* <Article /> removed */} </div> 但这可能不是您真正想要的。另一种选择是有条件地在路线上渲染它。示例： <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> <Route path='article' element={<Article /> } /> // <-- only on "/article" path </div>

Angular 17 在开发环境中不接受带点 (.) 的路径，它只会直接抛出 404 错误

导出常量路由：Routes = [ { 路径：'foo.bar'，组件：ListComponent }， { 路径：'foobar'，组件：ListComponent }， example.com/foobar 运行良好，example.com/foo.bar 返回 40...

如何将React项目用于html网站的整个子路由

我有一个现有的 HTML 页面和一个 React 项目。如何连接它们？首页.html 进入React页面应用程序.js 我有一个现有的 HTML 页面和一个 React 项目。如何连接它们？ home.html <button>go to React page</button> 应用程序.js <BrowserRouter> <Routes> <Route path="/mypage" element={<Mypage />}> </Routes> </BrowserRouter> 我想点击“转到React页面”按钮，我可以导航到"/mypage"？该按钮应实现对 "/mypage" URL 的导航操作，该 URL 最好为您的 React 应用程序提供服务。 home.html 更新按钮以包含重定向到子路线的点击处理程序 <button onclick="navigateToReactApp()">go to React page</button> const navigateToReactApp = () => { window.location.href = "/mypage"; // check the path correctness }; 或者使用锚标记，这在语义上可能更正确。 <a href="/mypage">go to React page</a> App.js 通过设置 "/mypage" 属性，更新路由器以使所有路由/链接/等从托管/服务应用程序的 basename relative 工作。 <BrowserRouter basename="/mypage"> <Routes> <Route path="/" element={<Mypage />}> </Routes> </BrowserRouter>

如何在 svelteKit api 目录中创建 catch-all 路由？

我正在 sveltekit 中创建 API 端点。所有 API 端点都位于 /src/routes/api/DIR 内。如何为任何不存在的 GET、POST、DELETE 和 PUT 请求创建主捕获所有路由？

反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载

从“react”导入React；从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航；导入首页

在 Sveltekit/Typescript 中使用 pdfjs

我需要在 sveltekit 4 typescript 项目中使用 pdfjs （当前 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法： ...</desc> <question vote="0"> <p>我需要在 sveltekit 4 typescript 项目中使用 pdfjs（当前版本 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法：</p> <pre><code><script lang="ts"> import * as pdfjs from 'pdfjs-dist/build/pdf'; import pdfjsWorker from 'pdfjs-dist/build/pdf.worker'; pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker; </script> </code></pre> <p>但是，我收到错误消息“无效的'workerSrc'类型”。</p> <p>如何在 sveltekit/typescript 中使用 pdfjs？</p> </question> <answer tick="false" vote="0"> <p>你可以尝试做这样的事情：</p> <pre><code>import * as pdfjs from "pdfjs-dist"; pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url); </code></pre> <p>更多使用示例，可以访问PDF.js Github仓库： <a href="https://github.com/mozilla/pdf.js#online-demo" rel="nofollow noreferrer">https://github.com/mozilla/pdf.js#online-demo</a></p> </answer> <answer tick="true" vote="0"> <p>以下代码适用于 pdfjs-dist 4.2.67、svelte 4.2.15 和 typescript 5.4.5：</p> <pre><code><script lang="ts"> // @ts-nocheck import * as pdfjs from 'pdfjs-dist'; import * as pdfWorker from 'pdfjs-dist/build/pdf.worker.mjs'; pdfjs.GlobalWorkerOptions.workerSrc = import.meta.url + 'pdfjs-dist/build/pdf.worker.mjs'; </script> </code></pre> </answer> </body></html>

如何以 Svelte 方式设置导出和开槽零件的样式？

Svelte slot 的功能是否像 vanilla-js/dom 一样（我似乎无法让它工作）。在 html/js 中我可以这样做：身体{颜色：红色;} /* 从外部设置暴露部分的样式 */ ...</desc> <question vote="0"> <p>Svelte <pre><code>slot</code></pre>的功能是否像 vanilla-js/dom 一样（我似乎无法让它工作）。</p> <p>在 html/js 中我可以做：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><style> body {color: red;} /* style exposed part from outside */ my-element::part(header) {color: green;} </style> <h1>Hello World</h1> <my-element> <div slot="header"><strong>Header</strong></div> <div slot="body">Body</div> </my-element> <script> customElements.define('my-element', class extends HTMLElement { constructor() { super(); const shadowRoot = this.attachShadow({mode: 'open'}); shadowRoot.innerHTML = ` <style> .container { border: solid 1px blue; padding: 5px; position: relative; &:after { content: "my-element"; display: block; position: absolute; bottom: -.5em; right: 5px; border: inherit; background-color: white; padding: inherit; } } /* style inserted/slotted part from inside */ [part="body"] ::slotted(div) { background-color: lightyellow; } </style> <div class="container"> <header part="header"><slot name="header"></slot></header> <hr> <div part="body"><slot name="body"></slot></div> </div> `; } }); </script></code></pre> </div> </div> <p></p> <p>其中 <pre><code>h1</code></pre> 的全局样式为红色，标有 <pre><code>part="header"</code></pre> 的元素从外部设置为绿色，插入 <pre><code>slot="body"</code></pre> 的内容从内部（shadow dom）设置为绿色有浅黄色背景。</p> <p>我不知道如何在 svelte 中执行任何这种（受控）跨界样式？（例如，当使用 <pre><code>AppShell::part(content)</code></pre> 时，我收到错误：</p> <pre><code>[plugin:vite-plugin-svelte] C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 Expected a valid CSS identifier C:/srv/svelte/yoda5/src/routes/+layout.svelte:23:18 21 | 22 | <style> 23 | AppShell::part(content) { | ^ </code></pre> </question> <answer tick="false" vote="0"> <p>这里有关于<a href="https://learn.svelte.dev/tutorial/slots" rel="nofollow noreferrer">老虎机的课程</a>。最好参考该工具的文档。 Svelte 的学习网站非常棒。</p> <pre><code>// Slotted component, say Test.svelte. <div class="private-parent"> <slot /> </div> <style> div.private-parent { color: blue; } </style> </code></pre> <p>然后，您使用该组件：</p> <pre><code><script> import Test from './Test.svelte'; </script> <Test>  <p class="outside-style">Hello!</p> </Test> <style> p.outside-style { color: darkred; } </style> </code></pre> </answer> </body></html>

为什么 Android 上两个组件之间的切换速度如此之慢？

我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain：React.FC 我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain: React.FC<PuzzleMainProps> = ({ navigation }) => { let puzzle: AcrosticPuzzleData = parseAcrosticPuzzle(PUZZLE_TEXT); const grid = <PuzzleGrid puzzle={puzzle} />; const clueView = <PuzzleCluesView puzzle={puzzle} />; const [index, setIndex] = React.useState(0); return <View style={styles.container}> {index == 0 ? grid : clueView} <View style={styles.keyboardContainer}> <Button onPress={() => setIndex(index == 1 ? 0 : 1)} title={"See " + routes[index == 0 ? "Grid" : "Clues"].key} /> <Keyboard /> </View> </View>; } 总结一下，有“网格”组件和“线索”组件，并通过按钮在它们之间进行切换。毫不夸张地说，在我用来测试的 Pixel 5 上点击此按钮大约需要 3 秒的时间才能进行更改。我在这里做错了什么？使用Expo在网络上打开这个，它立即发生，所以可能它是Android特有的？我尝试过的事情：记住 PuzzleGrid 和 PuzzleCluesView 组件（const PuzzleGrid: React.FC<Props> = memo(({ puzzle }) ...。这基本上没有什么区别。我检查过，在我为备忘录功能制作的自定义拼图比较器中没有打印任何内容，所以我认为它没有重新渲染。改用 TabView 在组件之间滑动 - 这有效！但说实话，我真的更喜欢两者兼得，而且当我将其合并到 TabView 实现中时，按钮同样很慢。使用 npx expo start --no-dev 并仅构建一个 apk 并安装 - 这使得速度更快，但仍然可能需要整整一两秒，这太慢了。正如我所看到的，您正在执行条件渲染，因此每次条件更改时，整个组件都会被创建为新组件。这种方法会使渲染速度变慢，具体取决于组件的重量。为什么备忘录不起作用？ Memo 是一种优化技术，并不能保证性能提升。现在，提升加载速度内部优化PuzzleGrid和PuzzleCluesView，比如每个可以接收重复道具的子组件都会被memo覆盖，重型物品会异步加载，使用loader。使用 InteractionManager 提高加载速度，并帮助显示加载程序而不冻结 UI。不要卸载组件，而是重叠它们并使用可见性，因为可见性不会卸载组件而不仅仅是 {index == 0 ? grid : clueView}你可以尝试类似的事情 <View> {grid} <View style={{ // Add height and other required props to make it visible position: 'absolute', visibility: index == 0 ? 'hidden' : 'visible', }}> {clueView} </View> </View>

drupal-routes 相关问题

最新问题