小编str*_*rks的帖子
Css高度百分比不起作用
我有以下简单的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Live Feed</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div style="background-color: #eeaabb; width: 250px; height: 100%; border-right: solid 1px #e1e1e1;">
I should be tall
</div>
</body>
</html>但是div不会显示高度为100%.为什么？
推荐指数
解决办法
查看次数
NextJS中间件似乎没有被触发
我的middleware.js文件位于/myproject/pages/middleware.js：
export function middleware(request) {
console.log(1)
return NextResponse.redirect(new URL('/', request.url))
}
// See "Matching Paths" below to learn more
export const config = {
matcher: ['/test'],
}
现在我期望的是，当我进入该页面/test时，它应该将我重定向到/. 然而什么也没发生，我看到了我的标准 404 页面。
有什么想法吗？
NextJs版本：12.2.2
推荐指数
解决办法
查看次数
react-router：如何在不导致导航/重新加载的情况下更新 url？
使用反应路由器我已经完成了更新网址：
this.props.history.push({
pathname: `/product/${this.props.product.id}`,
});
但是，这会导致重新渲染/导航更改。有没有办法在不这样做的情况下更新网址？
我的用例是我有一个产品列表，当我点击一个产品列表时，我会显示一个模态并希望将 url 更新为 example.com/product/1 之类的内容，以便链接可以共享。
推荐指数
解决办法
查看次数
ActiveSheet.UsedRange.Columns.Count - 8是什么意思？
ActiveSheet.UsedRange.Columns.Count - 8在vba中的含义是什么？
vba如何知道usedRange？
推荐指数
解决办法
查看次数
我如何解决“您好，时间旅行者。我们正处于无前缀 CSS 的黄金时代，您的样式表不再需要 Autoprefixer。”？
在我的 Next.JS 应用程序中，我_app.js像这样导入我的样式表：
import '../public/css/Index.css';
Index.css 包含这个：
.index-container {
margin: 20px auto 0;
}
我如何解决错误消息：
./src/public/css/Index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-5-1!./node_modules/next/dist/compiled/postcss- loader??__nextjs_postcss!./src/public/css/Index.css) 警告
问候，时间旅行者。我们正处于无前缀 CSS 的黄金时代，您的样式表不再需要 Autoprefixer。
推荐指数
解决办法
查看次数
在 NextJs 中使用绝对路径导入不起作用
我在我的路由中创建了一个名为 jsconfig.json 的文件：
{
"compilerOptions": {
"baseUrl": "."
}
}
我有最新的nextjs"next": "latest"
目前要导入组件，我必须执行以下操作：
import AppHeader from "../../../../components/common/AppHeader";
然而，通过上面的这些更改，我想我可以这样做：
import AppHeader from "src/components/common/AppHeader";
但我收到这样的消息：
找不到模块：无法解析“src/components/common/AppHeader”
目录结构：
/
-->lib
-->src
-->components
-->public
有任何想法吗？我也尝试将其添加到我的 next.config.js 文件中，但也没有什么区别：
config.resolve.modules.push(__dirname)
推荐指数
解决办法
查看次数
NextJS 路由在部署时不起作用，但在使用我的本地服务器时起作用
我有以下网址：
/job/engineer_123456/edit/abcde
现在，当我运行本地服务器时： npm run dev ("next src/") 然后当我转到该链接时它就可以工作了。但是，当我部署项目（到 firebase）时，我会从该 url 收到 404 错误。
我感觉路由中存在冲突，因为我的 NextJS 页面目录结构看起来像 /job 在页面下）：
难道是因为某种原因在生产中，当我转到该链接时，我将而/job/[job].js不是/job/[job]/edit/[editId].js
我真的很困惑为什么生产显示 404 页面但在本地它可以工作。
推荐指数
解决办法
查看次数
使用 next/image 从 Firebase 存储中获取图像会导致 400 状态代码
我正在使用 NextJS Image 组件，如下所示：
<Image src="https://firebasestorage.googleapis.com/v0/b/africatech-7cf1b.appspot.com/o/images%2F1606851317444_impact-logo-sq-Owen-Hancock.png?alt=media&token=35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb" layout="fill" />
在本地它可以工作，在 DOM 中它看起来像这样：
<img alt="Company logo" src="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=3840&q=75" decoding="async" sizes="(max-width: 640px) 640px, (max-width: 750px) 750px, (max-width: 828px) 828px, (max-width: 1080px) 1080px, (max-width: 1200px) 1200px, (max-width: 1920px) 1920px, (max-width: 2048px) 2048px, 3840px" srcset="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fafricatech-7cf1b.appspot.com%2Fo%2Fimages%252F1606851317444_impact-logo-sq-Owen-Hancock.png%3Falt%3Dmedia%26token%3D35afb1d8-4ab8-4f58-81b4-dd25e1f5f3eb&w=3840&q=75 3840w" style="visibility: visible; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; …推荐指数
解决办法
查看次数
NextJS 路由在确定路由时考虑 / 和 %2F
我有一个像这样的网址：
manage/text_U2FsdGVkX1/7AucFzVPX7OpRHb8Dlk/ApiJsTvYroROv4Ds4oshwC+cg3a7Mz/aO
应该由路由/目录处理/pages/manage/[id]
id = test_someEncryptedString
但是由于/这行不通。所以我决定对此进行编码（使用encodeURIComponent），这给了我这个网址：
manage/test_U2FsdGVkX1%2F7AucFzVPX7OpRHb8Dlk%2FApiJsTvYroROv4Ds4oshwC%2Bcg3a7Mz%2FaO
在我的本地开发服务器上，这工作正常，但在生产中我得到了 404。我猜 NextJS 仍然认为%2F是 a/并寻找该路线？
有什么办法可以防止这种情况发生吗？
推荐指数
解决办法
查看次数
顺风：分隔线前后相同的空间
我试图在分隔线之前和之后拥有相同的空间（并且可配置）。但是我似乎无法获得分隔线之后的间距。
<div class="grid grid-cols-1 divide-y divide-solid">
<div class="pb-5">Hello</div>
<div class="pb-5">World</div>
<div class="pb-5">hi</div>
</div>
它看起来像这样：
如何使分隔线前后的间距相同？理想情况下不需要接触子样式（即删除 pb-#）？
推荐指数
解决办法
查看次数
标签 统计
next.js ×6
css ×3
javascript ×2
reactjs ×2
autoprefixer ×1
excel ×1
excel-vba ×1
firebase ×1
html ×1
nextjs-image ×1
node.js ×1
react-router ×1
tailwind-css ×1
vba ×1