我在Mac上从pkg文件安装了NodeJS.现在我需要卸载它.请告诉我该怎么做.我试图从这个列表中删除文件:
lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom
但节点仍然在我的电脑上.
我正在开发一个外部组件(比方说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/react和node_modules/my-component/node_modules/react-dom.如果只有其中一个,则没有错误消息.
通常的软件包安装不会带来这样的错误,因为没有node_modules/react-dom.
如何同时开发外部组件和项目?
我找到了两种用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完全一样地读它们.那么,有什么区别,你会选择什么?
我想对Jekyll的布局做一些改变.变化很小而且不同.例如,链接其他CSS或JavaScript文件.或者在标题中添加一些信息.或调整页面标题. 重要的是,这些更改取决于页面/帖子.
由于变化很小且多样化,因此为每个变化创建一个特殊的布局似乎太昂贵了.
我试图创建自己的解决方案,但在包含指令时使用变量是不可能的.
有没有人解决类似的问题?例如,将特殊CSS链接到特定帖子?
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/2687d66025aaa84553a79850aa8686e88f1f39d9
我react也在组件代码中要求。我必须与Babel建立合作关系。由于某些原因,即使react需要,webpack生成也会给出相同的错误。我创建了一个分支来说明这个问题https://github.com/varya/react-mapbox/tree/webpack现在我对Babel感到满意,但是通过这个分支,如果感兴趣的话,您可以了解webpack的问题。
如何安装Gatsby @ v2?我关注了https://next.gatsbyjs.org/docs/上的文档,该文档应该是新版本的文档。它说要跑npm install --global gatsby-cli。但是此命令将安装版本1。如何安装第二版本?
难以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) 这是CSS的许多模块化解决方案.我列出了一些主题,但可能还有更多.您如何选择用于新项目的项目?有比较吗?
我只是围绕着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某种程度上添加一个类似乎也是错误的.我该怎么做?