小编Reo*_*o93的帖子

我正在尝试为我的 vue.js 项目实施 firebase，但我在firebase.messaging.getToken(). 这是我的问题的截图

错误：

该脚本具有不受支持的 MIME 类型 ('text/html')。

无法加载资源：net::ERR_INSECURE_RESPONSE

无法获得通知权限。

• browserErrorMessage ：“未能注册 ServiceWorker：脚本具有不受支持的 MIME 类型 ('text/html')。”

• 代码：“消息/失败-serviceworker-registration”

• 消息：“消息：我们无法注册默认的服务工作者。注册服务工作者失败：脚本具有不受支持的 MIME 类型（'text/html'）。（消息/失败的服务工作者注册）。”

• 堆栈：“FirebaseError：消息：我们无法注册默认的服务工作者。无法注册服务工作者：脚本具有不受支持的 MIME 类型（'text/html'）。（消息/失败-serviceworker-registration）。？在评估 (webpack-internal:///./node_modules/@firebase/messaging/dist/index.esm.js:1950:32)"

这是我的代码。

firebase.messaging().requestPermission().then(function () {
  console.log('Notification permission granted.')
  return firebase.messaging().getToken()
    .then(function (currentToken) {
      console.log(currentToken)
    })
}).catch(function (err) {
  console.log('Unable to get permission to notify.', err)
})

服务工作者

有谁知道如何解决这个问题？我尝试了很多方法，但我无法弄清楚。你能帮我么？

谢谢。

在我的项目中，我添加了 vue-pagination 节点的分页，并且我也添加了 vue-pagination 的过滤，并且工作正常。当我在输入字段中输入列表中不存在的内容时，它是空白的，这也没关系，但是当我开始删除字母时，列表中不会显示任何内容，而当我删除所有字母时，列表不会出现，只出现出现分页。

HTML：

<input class="form-control form-control-search m-input" autocomplete="off" type="text" v-model="search" placeholder="Search...">

<paginate class="m-list-timeline__items no-timeline" name="items" :list="fLangs" :per="10">
  <div class="m-list-timeline__item no-timeline" v-for="item in paginated('items')" v-bind:key="item.id">
    <span class="m-list-timeline__text">
      <span class="timeline-title"><span class="clr-black-light">{{ item.name }}</span></span>
      <span class="timeline-subtitle"><span class="clr-grey">{{ item.description }}</span></span>
    </span>
    <span class="m-list-timeline__time">
      <button type="button" class="btn btn-default btn-sm m-btn m-btn--icon m-btn--icon-only m-btn--pill" @click="fetchAndUpdateItem(item.id)"><i class="la la-pencil"></i></button>
      <button type="button" class="btn btn-default btn-sm m-btn m-btn--icon m-btn--icon-only m-btn--pill" @click="fetchAndRemoveItem(item.id)"><i class="la la-trash"></i></button>
    </span>
  </div>
</paginate>
<paginate-links for="langs" :hide-single-page="true"></paginate-links>

数据：

data: function () {
    return {
      search: …

我正在使用 vue-select，当我从选择列表中选择一个项目时，我想创建一个点击事件。我试过，@change="changedValue" @selected="changedLabel"但这对我不起作用。

Vue选择

<v-select placeholder="Add administrator" class="form-control-select" label="displayName" :options="items"></v-select>

有谁知道如何触发事件？谢谢