小编Tom*_*Tom的帖子

我将 VueJS 与框架VuetifyJS (v2.0.19) 一起使用。运行npm run serve后出现此错误：

Sass Loader 已使用与 API 架构不匹配的选项对象进行初始化。

我尝试过的：我删除了node_modules文件夹并将所有 npm 包和 node.js 重新安装/更新到最新的稳定版本。

完整的错误信息：

 error  in ./node_modules/vuetify/src/components/VRangeSlider/VRangeSlider.sass

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
 - options has an unknown property 'indentedSyntax'. These properties are valid:
   object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
    at validate (/home/do/Desktop/A/Projects/Ral/AppCLI3/node_modules/sass-loader/node_modules/schema-utils/dist/validate.js:50:11)
    at Object.loader (/home/do/Desktop/A/Projects/Ral/AppCLI3/node_modules/sass-loader/dist/index.js:36:28)

 @ ./node_modules/vuetify/src/components/VRangeSlider/VRangeSlider.sass 4:14-208 14:3-18:5 …

我打算通过新的Apple TestFlight应用程序在iOS 8设备上发布我的iPhone应用程序的测试版.需要什么样的Certifcate和Provisioning Profile？我是否需要生产证书和分配配置文件？

可用的是这些:

Certificate:
- Pending
- Development
- Production

Provisioning Profile:
- Development
- Distribution

我正在使用VueJS Vuetify框架,我需要从另一个模板打开一个对话框 - 它作为组件模板导入.单击App.vue中的Menu按钮后,Modal应该打开.这是我的设置:

• App.vue =带菜单按钮的导航模板
• Modal.vue =模态模板,在main.js中作为全局导入

main.js

import Modal from './components/Modal.vue'
Vue.component('modal', Modal)

Modal.vue模板:

<template>
  <v-layout row justify-center>
    <v-btn color="primary" dark @click.native.stop="dialog = true">Open Dialog</v-btn>
    <v-dialog v-model="dialog" max-width="290">
      <v-card>
        <v-card-title class="headline">Use Google's location service?</v-card-title>
        <v-card-text>Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.</v-card-text>
        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn color="green darken-1" flat="flat" @click.native="dialog = false">Disagree</v-btn>
          <v-btn color="green darken-1" flat="flat" @click.native="dialog = false">Agree</v-btn>
        </v-card-actions>
      </v-card> …

我将我的第一个应用程序上传到iTunes Connect(iOS 8,iPhone),现在可通过Apple TestFlight为内部和外部测试人员提供.我在应用程序中购买了非耗材,并希望对其进行测试.如何将其添加到我的测试版应用中？我在iTunes Connect中收到此消息:

您的首次应用内购买必须使用新的应用版本提交.从"版本详细信息"的"应用内购买"部分中选择它,然后单击"提交"
您目前没有有效的iOS付费应用合同.如果此应用程序内购买已与您的应用程序一起提交,那么在您的合同生效之前,您的应用程序将无法在App Store上获得.法律,管理和财务用户可以转到iTunes Connect中的协议,税务和银行业务模块,以查看您的合同状态.

我试图运行Vuetify VueJS Cordova示例但之后出现此错误npm run dev

node build/dev-server.js

启动dev server ...(节点:1024)DeprecationWarning:不推荐使用Tapable.plugin..hooks改为使用新的API (节点:1024)DeprecationWarning:不推荐使用Tapable.apply.直接调用插件直接调用

怎么解决？我已经更新了所有NPM包,没有帮助.

我刚刚将我的iOS 8 beta应用程序的一个小更新(0.1.0到0.2.0)上传到Apple TestFlight.我的应用程序之前获得了Apple TestFlight的批准,我读到了次要更新不需要另外审核.这仍然是这样吗？(我问,因为我需要提交它进行另一次审查,即使更改很少)

我更新了所有软件包，但在运行npm run serve后仍然出现此错误：

模块构建失败（来自 ./node_modules/eslint-loader/index.js）：错误：无法找到模块 'prettier' 在 linting /home 时发生

我的 package.json

{
  "name": "app",
  "version": "0.1.0",
  "private": false,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.2.1",
    "firebase": "^7.0.0",
    "material-icons": "^0.3.1",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.10",
    "vue-flickity": "^1.2.1",
    "vue-router": "^3.1.3",
    "vuetify": "^2.0.19",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@mdi/font": "^4.4.95",
    "@vue/cli-plugin-babel": "^3.11.0",
    "@vue/cli-plugin-eslint": "^3.11.0",
    "@vue/cli-plugin-pwa": "^3.11.0",
    "@vue/cli-service": "^3.11.0",
    "@vue/eslint-config-prettier": "^5.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^6.4.0",
    "eslint-plugin-vue": "^5.2.3",
    "material-design-icons-iconfont": "^5.0.1",
    "stylus": "^0.54.7",
    "stylus-loader": "^3.0.2", …

我正在为VueJS 使用VuetifyJS框架,我想复制用于Android的WhatsApp转换选项卡之间的滑动.

您可以向左或向右滑动WhatsApp,然后您可以看到while您滑动的新部分.在VuetifyJS中,您没有看到until完成滑动的选项卡的内容.我做了一个CodePen示例到目前为止我所拥有的:https://codepen.io/anon/pen/GdbxoL？&edit = 101

如何显示的选项卡的内容,同时刷卡呢？

我使用火力地堡验证与VueJS,我需要一个转换的匿名auth用户的注册一个与谷歌.

我从一个例子中使用这段代码:

  fromAnonymousToGoogle: function () {
  // Authenticate with the first user then save the currentUser to a local variable
    var previousUser = Firebase.auth().currentUser

  // Authenticate with a second method and get a credential
    var credential = Firebase.auth.GoogleAuthProvider()

    previousUser.link(credential)
    .catch(function (error) {
     // Linking will often fail if the account has already been linked. Handle these cases manually.
      alert(error)
    })

    // OAuth providers authenticate in an asynchronous manner, so you’ll want to perform the link account …

我正在使用VuetifyJS数据表,我需要将每个标题单元格的条目尽可能地彼此移动.我试图为每个标题添加一个宽度,但这不起作用 - 似乎有一个预定义的宽度,不能低于此.

更新:它应该是这样的 - 每行之间的边距应固定为10px:

这是一个CodePen示例:

https://codepen.io/anon/pen/ejEpKZ?&editors=101

Run Code Online (Sandbox Code Playgroud)

 <div id="app">
  <v-app id="inspire">
    <v-data-table
      :headers="headers"
      :items="desserts"
      class="elevation-1"
    >
      <template slot="headerCell" slot-scope="props">
        <v-tooltip bottom>
          <span slot="activator">
            {{ props.header.text }}
          </span>
          <span>
            {{ props.header.text }}
          </span>
        </v-tooltip>
      </template>
      <template slot="items" slot-scope="props">
        <td>{{ props.item.name }}</td>
        <td class="text-xs-right">{{ props.item.calories }}</td>
        <td class="text-xs-right">{{ props.item.fat }}</td>
        <td class="text-xs-right">{{ props.item.carbs }}</td>
        <td class="text-xs-right">{{ props.item.protein }}</td>
        <td class="text-xs-right">{{ props.item.iron }}</td>
      </template>
    </v-data-table>
  </v-app>
</div>

如何让他们靠近在一起？