小编Gre*_*nov的帖子

npm不起作用,总是得到这个错误 - >错误:找不到模块'我们还在那里'

我试图用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)

有人知道问题是什么或更好的解决方案?

macos installation node.js npm

55
推荐指数
5
解决办法
4万
查看次数

Nuxtjs:将本地主机暴露给外部不起作用

我尝试将我的手机连接到我本地的 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

mobile host nuxt.js

12
推荐指数
3
解决办法
8847
查看次数

innerHTML只插入[object HTMLDivElement]

我想将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

谢谢 ;)

javascript innerhtml

7
推荐指数
1
解决办法
9455
查看次数

如何在 iFrame 中使用 tailwind?

在开发过程中如何在 iFrame 中使用 tailwind?

目前,当我添加新样式时,我正在创建一个新的 css 文件

npx tailwindcss build src/assets/css/tailwind.css -o dist/assets/css/index.css
Run Code Online (Sandbox Code Playgroud)

并在我的 iFrame 中链接这个文件,但这有点烦人......在开发过程中是否有更好的方法来做到这一点?

tailwind-css

7
推荐指数
1
解决办法
2111
查看次数

将 svg 元素拉伸到 flex 容器的全高

我有一个带有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)

html css svg flexbox

6
推荐指数
1
解决办法
394
查看次数

使用 vue-i18n 和 nuxtjs 为每种语言提供多个翻译文件

我使用 nuxtjs 和 i18n 构建了一个多语言的静态网站。目前我每种语言都有一个 json 文件。为了更好的结构,我想将文件拆分为每种语言的多个文件。我怎样才能做到这一点?有没有办法可以告诉 i18n 明确它应该用于页面的哪个 json 文件?或者我是否必须将 jsons 文件连接为一个?

我用这个例子来构建我的翻译https://nuxtjs.org/examples/i18n/

json internationalization vue-i18n

6
推荐指数
1
解决办法
2379
查看次数

laravel连接表(如果存在数据)

如果表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)

join laravel eloquent

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

nuxtjs:如何处理布局模板内的异步数据

我正在使用 nuxtjs 在服务器上渲染我的页面。使用 asyncdata 在我的页面中加载数据是没有问题的,但是如何在包括页眉和页脚的默认布局中加载数据?因为 asyncdata 在那里不可用。我应该在商店内使用 nuxtServerInit 还是还有其他方法?

格雷戈尔

server-side-rendering nuxt.js asyncdata

5
推荐指数
0
解决办法
631
查看次数

将应用程序安装为 npm 包后,找不到“vue-cli-service”

我有一个 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 安装的文件夹多得多

本地安装:
本地文件夹结构

从 npm 安装,依赖较少,并且没有 vue-cli:
从 npm 安装

我需要做什么才能安装包括“cli-services”在内的所有节点模块?

这是我的文件夹结构

- main-project
  - node_modules
    - helper-app-vuejs
Run Code Online (Sandbox Code Playgroud)

npm webpack vuejs3

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

vuejs2:我怎么能摧毁一个观察者?

我怎么能摧毁这个观察者?当我的异步数据从父组件加载时,我的子组件中只需要一次.

export default {
    ...
    watch: {
        data: function(){
            this.sortBy();
        },
    },
    ...
}
Run Code Online (Sandbox Code Playgroud)

格雷戈尔;)

watch destroy vuejs2

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