小编Var*_*ova的帖子

如何卸载从pkg(Mac OS X)安装的nodejs?

我在Mac上从pkg文件安装了NodeJS.现在我需要卸载它.请告诉我该怎么做.我试图从这个列表中删除文件:

lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom

但节点仍然在我的电脑上.

node.js pkg-file

122
推荐指数
8
解决办法
16万
查看次数

在开发外部组件时如何避免"加载两个React副本"错误?

我正在开发一个外部组件(比方说my-component,我链接到项目npm link(因为它正在进行中,我需要包来反映更改).

my-component文件夹中有node_modules/react,node_modules/react-dom因为它们是它的依赖项.但是它们是peerIpendences,所以我没想把它们带到链接这个包的项目中.

但是在使用时npm link,它会链接整个目录,包括node_modules.因此,当项目构建时,它包括2次包:来自node_modules/*和来自node_modules/my-component/node_modules/*.

这开始影响组件何时使用ReactDOM.findDOMNode,它会导致此错误:

Warning: React can't find the root component node for data-reactid value `.0.2.0`. If you're seeing this message, it probably means that you've loaded two copies of React on the page. At this time, only a single copy of React can be loaded at a time.
Run Code Online (Sandbox Code Playgroud)

此外,它可能有助于了解发生了什么:只有当都出现问题node_modules/my-component/node_modules/reactnode_modules/my-component/node_modules/react-dom.如果只有其中一个,则没有错误消息.

通常的软件包安装不会带来这样的错误,因为没有node_modules/react-dom.

如何同时开发外部组件和项目?

npm reactjs

29
推荐指数
4
解决办法
9085
查看次数

aria-label和aria-labelledby之间的区别

我找到了两种用aria-属性标记区域的方法.

第一:

<div class="main" role="main" aria-label="Search results">
    <a href="">Blah-blah</a>
Run Code Online (Sandbox Code Playgroud)

第二个:

<div class="main" role="main" aria-labelledby="res1">
    <h2 id="res1" class="a11y">Search results</h2>
    <a href="">Blah-blah</a>
Run Code Online (Sandbox Code Playgroud)

JAWS完全一样地读它们.那么,有什么区别,你会选择什么?

javascript css accessibility screen-readers

24
推荐指数
1
解决办法
1万
查看次数

如何在Jekyll中调整特定页面/帖子的布局?

我想对Jekyll的布局做一些改变.变化很小而且不同.例如,链接其他CSS或JavaScript文件.或者在标题中添加一些信息.或调整页面标题. 重要的是,这些更改取决于页面/帖子.

由于变化很小且多样化,因此为每个变化创建一个特殊的布局似乎太昂贵了.

我试图创建自己的解决方案,但在包含指令时使用变量是不可能的.

有没有人解决类似的问题?例如,将特殊CSS链接到特定帖子?

jekyll

22
推荐指数
1
解决办法
5181
查看次数

外部React组件无法看到React.Component

Uncaught TypeError: Cannot read property 'Component' of undefined当我链接为npm包时,外部React组件会说。

我将软件包链接package.json"react-mapbox": "https://github.com/varya/react-mapbox.git"。然后我在代码中使用它

import {render} from 'react-dom';

import MapBox from "react-mapbox";

render(
  <div>
    <h1>Hello, world!</h1>
    <MapBox />
  </div>
  ,
  document.getElementById('example')
);
Run Code Online (Sandbox Code Playgroud)

但是没有任何效果,我得到了那个错误。完整的仓库在这里https://github.com/varya/react-mapbox-test我做了一个小例子来说明。

react-mapbox程序包是我自己的,也许我编译错误?这是它的 仓库https://github.com/varya/react-mapbox我使用webpack构建的,就像我一样https://github.com/varya/react-mapbox/blob/master/webpack.config.js假设此构建不包括react软件包,前提是这将在链接它的项目中进行。但是组件仍然看不到反应对象。

UPD

import React from 'react';按照@aulizko的建议添加,但这仅将React对象提供到页面上。该组件仍然不可见。

为了解决这个问题,我还必须提供此更改https://github.com/varya/react-mapbox/commit/2687d66025aaa84553a79850aa8686e88f1f39d9react也在组件代码中要求。我必须与Babel建立合作关系。由于某些原因,即使react需要,webpack生成也会给出相同的错误。我创建了一个分支来说明这个问题https://github.com/varya/react-mapbox/tree/webpack现在我对Babel感到满意,但是通过这个分支,如果感兴趣的话,您可以了解webpack的问题。

javascript reactjs

5
推荐指数
1
解决办法
5124
查看次数

如何安装Gatsby @ 2(beta)

如何安装Gatsby @ v2?我关注了https://next.gatsbyjs.org/docs/上的文档,该文档应该是新版本的文档。它说要跑npm install --global gatsby-cli。但是此命令将安装版本1。如何安装第二版本?

gatsby

5
推荐指数
1
解决办法
1127
查看次数

在本地安装时,如何让我的NPM包显示"npm WARN prefer global"

难以google the subj - 太多的用户问题,我的是关于包开发.我希望我的软件包的用户在全局安装时看到"npm WARN prefer global".

我以为npm install yo曾经有过这样的警告,但现在却没有.至少我看不到它.

我的环境:

  › npm --version
1.4.10
  › node -v
v0.10.28
Run Code Online (Sandbox Code Playgroud)

node.js npm package.json

4
推荐指数
2
解决办法
4546
查看次数

如何选择BEM,OOCSS,AMCSS,SMACSS,SUITCSS等CSS模块化方法?

这是CSS的许多模块化解决方案.我列出了一些主题,但可能还有更多.您如何选择用于新项目的项目?有比较吗?

css oocss bem smacss

3
推荐指数
1
解决办法
873
查看次数

OOCSS&BEM - 内联列表 - 如何处理脚手架,如何添加皮肤?

我只是围绕着OOCSS方法.我认为它使一切更容易理解,我也尝试使用BEM命名约定.

使用这个原则,我试图为主页创建一个导航 - 基本上只是一个内联列表.由于OOCSS是关于抽象的,我到目前为止创建了这个CSS:

.horizontal-list {
    padding: 0;
    list-style: none;
}

.horizontal-list__item {
    display: inline;
}
Run Code Online (Sandbox Code Playgroud)

我尝试不使用类名,nav或者navigation在应用皮肤之前首先尝试布局结构 - 这就是我的实际问题开始的地方.

要添加一些颜色,更改字体大小等,我可能只是将其添加为修饰符之类的.horizontal-list--nav.另一个修饰符可以用于面包屑导航:.horizontal-list--breadcrumb.它会这样吗?

对我来说它是合乎逻辑的,因为文本颜色与列表本身无关,但是列表是例如面包屑,但我不确定我是否从错误的方向接近了这个东西.


此外,该列表的HTML将如下所示:

<ul class="horizontal-list">
    <li class="horizontal-list__item"><a href="#">Link</a></li>
    <li class="horizontal-list__item"><a href="#">Link</a></li>
    <li class="horizontal-list__item"><a href="#">Link</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

li是一个horizontal-list明确的元素.但是a嵌入其中的li是什么,我如何标记呢?根据OOCSS原则,我不应该这样做

.horizontal-list__item a {
    color: white;
}
Run Code Online (Sandbox Code Playgroud)

对?但是在horizontal-list__item__item某种程度上添加一个类似乎也是错误的.我该怎么做?

html css naming-conventions oocss bem

2
推荐指数
1
解决办法
922
查看次数