我试图用Yosemite在Mac上安装grunt.节点已安装在最新版本中.如果我在终端输入"node -v",我会得到第v0.12.5行.非常好.但是当我想用npm安装东西时,我只得到一个错误......
我试过"sudo npm install -g grunt-cli","sudo npm install npm -g"以及"npm -v"我总是得到这个错误......
Error: Cannot find module 'are-we-there-yet'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:278:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object.<anonymous> (/usr/local/Cellar/node/0.10.22/lib/node_modules/npm/node_modules/npmlog/log.js:2:16)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
Run Code Online (Sandbox Code Playgroud)
有人知道问题是什么或更好的解决方案?
我尝试将我的手机连接到我本地的 nuxtjs 项目。我认为它会像那里描述的那样容易。https://nuxtjs.org/faq/host-port/但没有任何效果。我也安装了 cross-env 但没有解决我的问题。
如果我在我的电脑上启动 npm run dev
"dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt",
Run Code Online (Sandbox Code Playgroud)
服务器启动,我可以使用 url 连接到项目
但是如果我尝试连接我的手机,它就无法加载。我的手机和电脑连接到同一个wifi。
如果可能存在问题,我试图找出 url 中设置的 ip nuxtjs。我使用了 ipconfig,在第一个条目中我找到了 ip,但还有很多其他的,我不知道它们是什么......
我还查看了 wifi 的设置,但在那里我发现了一个不同的 IP 地址
这是问题吗?我试图在 NUXT_HOST 中设置此 ip,但随后我只收到此错误消息
listen EADDRNOTAVAIL ip-address
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?啊,如果这有所作为,我正在使用 Windows 10。
解决方案
在移动设备上,需要来自 wifi 的 IP + 在 nuxt.config 中设置的端口,而不是在控制台中输出的 IP
我想将htmlsnippet插入另一个html元素
我这样试了
HTML
<div class="box1">
insert this html element
</div>
<div class="box2">
into this
</div>
Run Code Online (Sandbox Code Playgroud)
js
var box1 = document.querySelectorAll(".box1")[0];
var box2 = document.querySelectorAll(".box2")[0];
console.log(box1);
box2.innerHTML = box1;
Run Code Online (Sandbox Code Playgroud)
但它不起作用它只插入[对象HTMLDivElement],如果我看看控制台它输出正确的HTML,我做错了什么?
是的我不想使用$ libary;)
http://codepen.io/destroy90210/pen/MKQOwy
谢谢 ;)
在开发过程中如何在 iFrame 中使用 tailwind?
目前,当我添加新样式时,我正在创建一个新的 css 文件
npx tailwindcss build src/assets/css/tailwind.css -o dist/assets/css/index.css
Run Code Online (Sandbox Code Playgroud)
并在我的 iFrame 中链接这个文件,但这有点烦人......在开发过程中是否有更好的方法来做到这一点?
我有一个带有display: flex
. 在两个角,一个 svg 元素应该拉伸到容器的整个高度。容器的高度取决于元素中有多少文本。
在 FF 和 Chrome 中它工作得很好,但 IE 使 svg 始终为 150px 高度。我不能给 svg 一个固定的大小,因为如果文本变成多行并且元素增长,它应该与元素一起拉伸。
我在这里做了一个代码笔
.flag-header {
display: flex;
max-width: 80%;
position: relative;
}
.flag-header__headline {
background-color: #bf0b1c;
padding: 10px 0;
color: white;
font: 900 24px/120% Verdana;
text-transform: uppercase;
}
.flag-header__corner {
width: 30px;
}
.flag-header__corner-shape {
height: 100%;
width: 30px;
fill: #bf0b1c;
}
Run Code Online (Sandbox Code Playgroud)
<div class="flag-header">
<div class="flag-header__corner">
<svg class="flag-header__corner-shape" id="Layer_1" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 22.11 30" preserveAspectRatio="none">
<polygon class="cls-1" points="22.11 …
Run Code Online (Sandbox Code Playgroud)我使用 nuxtjs 和 i18n 构建了一个多语言的静态网站。目前我每种语言都有一个 json 文件。为了更好的结构,我想将文件拆分为每种语言的多个文件。我怎样才能做到这一点?有没有办法可以告诉 i18n 明确它应该用于页面的哪个 json 文件?或者我是否必须将 jsons 文件连接为一个?
我用这个例子来构建我的翻译https://nuxtjs.org/examples/i18n/
如果表B中有数据,而不仅仅是表A中的数据,将表A与表B连接的最佳方法是什么?因为如果我以这种方式进行操作,并且表BI中没有照片,则不会从表A的该行中获取数据。
$data = Category::join('photos', 'categories.cover_id', '=', 'photos.id')
->get(['categories.id',
'categories.position',
'categories.visible',
'categories.created_at',
'categories.updated_at',
'categories.title',
'photos.filename']);
return $data;
Run Code Online (Sandbox Code Playgroud)
我的想法只是提出另一个请求,以从表A中获取所有数据,其中category.cover_id为0(无连接)
我的桌子只是
table A (categories)
-------------------------------
| id | title | cover_id | ... |
-------------------------------
| 1 | lorem | 1 | ... |
-------------------------------
| 2 | ipsum | 12 | ... |
-------------------------------
| 3 | dolor | 0 | ... |
-------------------------------
table B (Photos, there is no data for dolor, because i created dolor recently in table A)
--------------------------------- …
Run Code Online (Sandbox Code Playgroud) 我正在使用 nuxtjs 在服务器上渲染我的页面。使用 asyncdata 在我的页面中加载数据是没有问题的,但是如何在包括页眉和页脚的默认布局中加载数据?因为 asyncdata 在那里不可用。我应该在商店内使用 nuxtServerInit 还是还有其他方法?
格雷戈尔
我有一个 vuejs 应用程序包。如果我使用“npm i 'path/to/app-vuejs --save-dev'”将其安装到我的项目本地,然后运行
npm explore app-vuejs -- npm run serve
Run Code Online (Sandbox Code Playgroud)
一切正常。服务器启动,我可以查看生成的页面。但是在 npm 上发布后,使用“npm i app-vuejs --save-dev”安装它并再次运行命令,我收到错误
sh: vue-cli-service: command not found
Run Code Online (Sandbox Code Playgroud)
我现在发现 node-modules 目录与我的本地版本不同...我尝试找到 vue-cli-service 并发现我的本地版本中的文件夹比我通过 npm 安装的文件夹多得多
我需要做什么才能安装包括“cli-services”在内的所有节点模块?
这是我的文件夹结构
- main-project
- node_modules
- helper-app-vuejs
Run Code Online (Sandbox Code Playgroud) 我怎么能摧毁这个观察者?当我的异步数据从父组件加载时,我的子组件中只需要一次.
export default {
...
watch: {
data: function(){
this.sortBy();
},
},
...
}
Run Code Online (Sandbox Code Playgroud)
格雷戈尔;)