Question

我只是从nuxtjs开始，我有2页

-索引 -地图

地图页面只有一个组件，仅客户端默认布局具有指向这两个页面的链接，仅是基本设置生产版本每页为供应商生成代码拆分，但是两个文件都在第一页加载，我找不到我所缺少的内容。

地图页面

function flattenReport(obj) {
    var reports = Object.keys(obj.error)
        for (report in reports) {
            var pos = obj.error[reports[report]]
            var types = Object.keys(pos)
            for (type in types) {
                var pos1 = pos[types[type]]
                var elements = Object.keys(pos1)
                for (element in elements) {
                    if (types[type] in obj.error) {
                        obj.error[types[type]].push(pos1[element])
                }
                else {
                    obj.error[types[type]] = []
                    obj.error[types[type]].push(pos1[element])
                }
            }
        } 
    }
    return obj
}

索引页

  <div class="container">
    <client-only>
      <Map />
    </client-only>
  </div>
</template>

<script>
import Map from '~/components/Map.vue'

export default {
  components: {
    Map
  }
}
</script>

<style>
</style>

默认布局

<template>
  <div class="container">
    <h1 class="h-1">test hello page index</h1>
  </div>
</template>

<script>

export default {
  components: {

  }
}
</script>

<style>
</style>

Answer 1

这是因为nuxt-link prefetches链接到该页面的页面出现在视口中时。

这是出于性能考虑，并且不会影响页面的初始加载，因为预取已完成during idle time。

如果您想验证所看到的是由于预取而导致的，可以通过向no-prefetch添加nuxt-link属性或在{{1 }}

nuxt.config.js

仅当用户处于良好的网络连接并且不使用保存数据模式时，才执行此操作。而且，由于这是在浏览器的空闲时间完成的，因此建议您将其保留为这样。应该不会受伤。

nuxt代码拆分无法正常工作

1 个答案: