Nuxt避免在服务器端渲染中导入客户端脚本

在 Nuxt 项目中，可以使用 nuxt/no-globals-in-created 规则避免在 created 生命周期中导入客户端脚本。这是因为在服务器端渲染期间，没有 window 对象可用，因此导入客户端脚本会导致错误。

示例代码如下：

<script>
export default {
  created() {
    if (process.client) {
      import('some-client-script.js').then(module => {
        // do something with the module
      })
    }
  }
}
</script>

可以使用 ESLint 插件来禁止在 created 生命周期中导入客户端脚本。在项目中安装 eslint-plugin-nuxt 并在 .eslintrc 文件中添加以下配置即可：

{
  "plugins": [
    "nuxt"
  ],
  "rules": {
    "nuxt/no-globals-in-created": "error"
  }
}