小编Fer*_*reu的帖子

我正在使用 gatsby 创建一个新项目

gatsby new YourProjectName2 https://github.com/Vagr9K/gatsby-advanced-starter

并得到一个错误：

info Creating new site from git:
https://github.com/Vagr9K/gatsby-advanced-starter.git

Cloning into 'YourProjectName2'...
remote: Enumerating objects: 420, done.
remote: Counting objects: 100% (420/420), done.
remote: Compressing objects: 100% (373/373), done.
remote: Total 420 (delta 44), reused 268 (delta 22), pack-reused 0
Receiving objects: 100% (420/420), 7.74 MiB | 11.79 MiB/s, done.
success Created starter directory layout
info Installing packages...

npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "workspace:": workspace:*

npm ERR! A complete log …

我看到了以下解决方案：

import { ReactComponent as Img } from 'path/to/file.svg'

但在 Gatsby 中，这行不通。我知道存在用于此的插件，但也许可以更轻松地完成。

从 Remark 迁移到 MDX 后，我在 Netlify 上的构建失败了。

尝试构建时出现此错误：

10:13:28 AM: $ npm run build\n10:13:29 AM: > blog-gatsby@0.1.0 build /opt/build/repo\n10:13:29 AM: > gatsby build\n10:13:30 AM: error Gatsby requires Node.js 14.15.0 or higher (you have v12.18.0).\n10:13:30 AM: Upgrade Node to the latest stable release: https://gatsby.dev/upgrading-node-js\n

node -v然而，当我在终端中运行时，它显示 v17.2.0。

我认为迁移后发生这种情况并非巧合。问题可能是因为我的节点模块文件夹吗？或者我的 gatsby-config.js 或 package.json 文件中是否有某些内容需要更改？

我的 package.json 文件：

{\n  "name": "blog-gatsby",\n  "private": true,\n  "description": "A starter for a blog powered by Gatsby and Markdown",\n  "version": "0.1.0",\n  "author": …

我想在手机上裁剪我的背景，这样用户就无法水平滚动，当我在网络浏览器上使用响应式设计模式时，它工作得很好：

但是当我在手机上打开它时，它显示如下：

我知道这个问题已经被问过很多次了，但似乎没有一个解决方案对我有用。

这是我的代码：

import React from "react"
import styled from "styled-components"

const HeroBackground = () => {
  return (
    <Wrapper>
      <Background src="/images/backgrounds/hero-background.svg" />
    </Wrapper>
  )
}

export default HeroBackground

const Wrapper = styled.div`
  position: relative;
  max-width: 1440px;
  margin: auto;
  overflow-x: clip !important;
`

const Background = styled.img`
  position: absolute;
  z-index: -1;
  @media (max-width: 480px) {
    max-width: 600px;
    height: auto;
  }
`

这是我网站的链接，以防需要：https ://trusting-bohr-a3f5b8.netlify.app/

我的问题在于对大数据集的简单计算(大约2500万行和10列,即1GB数据).我的系统是:

32bits/Windows7/4Gb Ram/R Studio 0.96, R 2.15.2

我可以使用BigMemory包引用我的数据库.并使用我的数据库上的函数.我也能用ff包,filehash等做到这一点.

问题是计算简单的计算(作为唯一值,手段等),我有典型的问题

"无法分配矢量大小n mb"

,其中n可小至70mb - 95 mb等.

我知道所有(我认为)迄今为止提供的解决方案:

increase RAM.
launch R with inline code "--max-mem-size XXXX",  
use memory.limit() and memory-size() commands, 
use rm() and gc(), 
work on 64bit, 
close other programs, free memory, reboot, 
use packages bigmemory, ff, filehash, sql, etc etc.
improve your data, use integers, shorts, etc. ...  
check memory usage of intermediate calculations, ... 
etc. 

所有这些都经过测试,完成,(除了移动到另一个系统/机器,但是很不好)等.

但我仍然得到那些"无法分配矢量大小n mb",其中n大约是90mb,例如,R或其他程序几乎没有内存使用,全部重新启动,新鲜......我知道区别自由内存和从Windows和R等分配之间,但是,

这没有任何意义,因为可用的内存超过3GB.我怀疑原因是windows32b下的内容 - 内存管理,但是购买4GB内存或将所有系统切换到64位似乎是一个笑话,分配70mb.

有什么我想念的吗？

我已经在 .d.ts 中声明了命名空间，它应该是全局可用的，如下所示：

/src/typings/content.d.ts

import * as something from 'something';

declare namespace Content {

...

    type Object = internal.Object;
}

我想将此命名空间用于 TSX 文件中的接口：

import * as React from 'react';

interface ExampleComponentProps {
    example: Content.Object;
}

export const ExampleComponent: React.FunctionComponent<ExampleComponentProps> = ({ example }) => {
    return <div>{example}</div>;
};

打字稿现在告诉我：Cannot find namespace 'Content'。

我的 tsconfig 看起来像这样：

{
    "compilerOptions": {
        // General settings for code interpretation
        "target": "esnext",
        "module": "commonjs",
        "jsx": "react",
        "allowSyntheticDefaultImports": true,
        "experimentalDecorators": true,
        "noEmit": true,
        "noEmitOnError": true, …

我正在使用 MUI v5 和 Gatsby Image。我希望在整个应用程序中保持样式语法的一致性，因此我尝试将sxprop 添加到GatsbyImage.

这是我尝试过的：

<Box
  component={GatsbyImage}
  sx={/* my sx styles */}
/>

这就是我想要的。然而，我注意到该sxprop 以某种方式传递给了img. 这最终会<img sx=[object Object]/>在我的 HTML 中得到 a 。

虽然这并不会真正影响我的应用程序，但我想知道是否有更好的方法来实现这一目标？

我有一个非常简单的 NextJS 9.3.5 项目。目前，它有一个页面/用户和一个pages/api/users从本地 MongoDB 表中检索所有用户的页面

它使用“next dev”在本地构建良好但是，它在“next build”失败并出现ECONNREFUSED错误

页面/用户

import fetch from "node-fetch"
import Link from "next/link"

export async function getStaticProps({ params }) {
  const res = await fetch(`http://${process.env.VERCEL_URL}/api/users`)
  const users = await res.json()
  return { props: { users } }
}

export default function Users({ users }) {
  return (
    <ul>
      {users.map(user => (
        <li key={user.id}>
          <Link href="/user/[id]" as={`/user/${user._id}`}>
            <a>{user.name}</a>
          </Link>
        </li>
      ))}
    </ul>
  );
}

页面/api/用户

import mongoMiddleware from "../../lib/api/mongo-middleware";
import apiHandler from "../../lib/api/api-handler";

export …

我正在尝试使用材质 UI 菜单在 div 上显示上下文菜单，如https://material-ui.com/components/menus/#context-menu中所示

这有效，我可以右键单击并显示它。

然而，material-ui 上下文菜单在显示时会注入一个透明的 div 覆盖菜单后面的整个屏幕。这意味着任何进一步的点击都会被该元素拦截。当检测到左键单击时，该元素似乎将关闭菜单，但如果您右键单击页面上的其他任何位置（包括上下文菜单不相关的位置），该元素将移动并继续显示相同的上下文菜单。

有没有办法在没有这个透明 div 的情况下显示菜单，该透明 div 会从我的页面中删除控制？

您可以在示例中看到此操作： https: //material-ui.com/components/menus/#context-menu 右键单击​​文本，然后右键单击其他任何位置（当菜单仍然显示时）可以触发菜单出现在整个页面上，甚至在应用栏中，菜单选项没有任何意义。

Gatsby 和 Netlify CMS 运行良好一段时间，但现在尝试运行时失败gatsby develop。出现“JavaScript 堆内存不足”错误。

每个 npm 都会更新，我已经尝试export NODE_OPTIONS=--max_old_space_size=4096过一些 GitHub 问题线程提到的。