小编Mer*_*erc的帖子

我想不再使用console.log，而是更频繁地使用Chrome开发者调试工具。我发现了这个不错的方法：如何停止使用console.log（）并开始使用浏览器的调试器进行常规调试（设置断点，逐行执行等）。

但是，当我尝试在现实生活中使用它时-意味着要在我正在研究的vue（nuxt）应用程序中使用它-我无法使其正常工作。

我所有的文件都组合成更复杂的javascript文件，无法调试。

然后，我找到了这篇文章： 在Chrome中调试.vue组件， 我认为这可以为您解决这个问题，但是不幸的是，我不知道该怎么办。

我添加了这个：

configureWebpack: {
  devtool: 'source-map'
},

到我的nuxt.config.js

但是我在调​​试器中看不到所有.js文件的任何源映射。如果可以找到我编写的每个vue组件，每个商店文件以及其他实用程序文件的所有js文件，那就太好了。我不确定这是否可能，但是我想必须有一种方法可以在调试器工具中找到我的Javascript代码进行实际调试。还是我错了？

我经历过，如果我将特定的 p 标签字体大小设置为 55px，则包含字体的实际元素小于字体本身。

因此字体与上面的元素重叠。当然我可以在那里设置一些填充，但是为什么 - 我称它为“虚构”对象，因为它只是由我的浏览器制作的 - 与内容的大小不同 - 在这种情况下是字体？顺便说一下，这个“虚构的”容器的高度总是相同的。p-text 的大小是 12px 还是 55px 都没有关系。在我的情况下，这个高度总是 15px ......

感谢您提供有关此事的提示。

干杯

我想编写一个 getterthis.$nuxt.$loading从 vuex 存储文件返回。( https://nuxtjs.org/api/configuration-loading/ )

这个问题链接到我的另一个问题：Nuxt/Vue: How to position custom loading component

现在我想听这个加载属性来在页面中显示我的加载组件。

Loading 属性如下所示：

所以我想this.$nuxt.$loading.data.$route.show从vuex商店返回。如果是真的，我想展示我的自定义加载器，如果它是假的，当然不是。

为此，我想访问，this.$nuxt但这在我的 vuex 商店中未定义。它只存在于我的组件中......我试过$nuxt- 相同的结果。

我不知道这是否正确或至少是实现我想要的一种方式，我绝对愿意接受建议。

提前致谢。干杯

我是 GraphQL 和 Apollo 的新手，我真的很难在 node.js 中设置 apolloClient。

首先我想提一下，我使用nuxt 的 apollo 模块成功地在 nuxt 中设置了一个 apollo 客户端。

所以我完全确定我的端点和我的令牌正在工作。

现在我想在一个 JavaScript 文件中设置一个 apollo 客户端，我想在 node.js 中运行它。

import fetch from 'node-fetch'
import gql from 'graphql-tag'
import { ApolloClient } from 'apollo-client'
import { createHttpLink } from 'apollo-link-http'
import { setContext } from 'apollo-link-context'

export default function generateRoutesFromData(
  options = {
    api: [],
    query: '',
    token: '',
    bundle: '',
    homeSlug: 'home',
    errorPrefix: 'error-'
  }
) {
  const uri = 'https://example.com/api'
  const token …

我有一个简单的 axios 调用，我想调用它来获取一些 graphql 数据。我还有一个.gql要导入用作查询的文件：

页面.gql

{
  entries(section: [pages]) {
    uri
    slug
  }
}

现在在我的另一个文件中，我想导入：

import query from './queries/pages.gql'

稍后进行 axios 调用：

const routes = await axios.post(
    endpoint,
    { query },
    { headers: { Authorization: `Bearer ${token}` } }
  )
  .then(result => {
    console.log('result: ', result)
  })
  .catch(error => {
    console.log('error: ', error)
  })

但是每当我这样做时，我都会收到此错误：

缺少 ) 参数列表后 09:55:25

条目（部分：[页面]）{

^^^^^^^^

语法错误：缺少 ) 参数列表后

所以我不能只导入 gql 文件。我已经graphql-tag导入 ( import gql from 'graphql-tag')，所以我可以做这样的事情：

const QUERY = …