使用vue表单验证报异常async-validator TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed

这个错误通常是因为在 Vue 组件中使用了 ES6 的严格模式导致的。解决方法如下：

1. 在 Vue 组件中禁用严格模式

在 Vue 组件中添加以下代码，禁用严格模式：

<script>
export default {
  strict: false,
  // ...
}
</script>

2. 在 Webpack 中禁用严格模式

在 Webpack 中，可以通过在 babel-loader 中设置 `ignore` 选项来禁用严格模式，示例代码如下：

module: {
  rules: [
    {
      test: /\.js$/,
      loader: 'babel-loader',
      options: {
        ignore: [/node_modules/],
        presets: ['@babel/preset-env']
      }
    }
  ]
}

这样就可以解决 async-validator 报错的问题了。

相关问题

electon+vue3+vite 使用 webuploader Uncaught TypeError: ‘caller‘, ‘callee‘, and ‘arguments‘ properties may not be accessed..

这个错误是因为 WebUploader 使用了 `arguments.callee`，而在严格模式下 `arguments.callee` 是被禁用的。而 Vue3 默认开启了严格模式，因此在 Electron + Vue3 + Vite 中使用 WebUploader 会出现这个错误。

解决方法是在 WebUploader 的上传组件中禁用严格模式。具体步骤如下：

1. 在 `src` 目录下新建一个 `utils` 文件夹，并在其中新建一个 `webuploader.js` 文件，代码如下：

const WebUploader = require('webuploader')

// 禁用严格模式，避免 WebUploader 报错
WebUploader.Uploader.prototype._init = function () {
  const self = this

  // 拷贝属性，防止修改全局变量
  this.stats = this._widgets = this._callbacks = {}
  this.submittable = this._queue = []
  this._initEvents()
  this._initDelegates()
  this._initHooks()
  this._initData()
}

2. 在需要使用 WebUploader 的组件中引入 `webuploader.js` 文件，并使用 `require` 引入 WebUploader，代码如下：

const WebUploader = require('webuploader')
require('@/utils/webuploader')

export default {
  name: 'Uploader',
  data() {
    return {
      uploader: null
    }
  },
  mounted() {
    // 初始化 WebUploader
    this.uploader = WebUploader.create({
      // ...配置
    })
    
    // ...其他逻辑
  }
}

这样就可以在 Electron + Vue3 + Vite 中使用 WebUploader 了。注意，由于使用了 `require` 引入 WebUploader，需要在 `vite.config.js` 中添加相应的配置，具体可以参考 [vite 官方文档](https://vitejs.dev/guide/api-javascript.html#require-context)。

skywalking的vue探针为什么报这个错'caller', 'callee', and 'arguments' properties may not be accessed on strict mode

这个错误通常是因为你的代码在严格模式下访问了 'caller'、'callee' 或 'arguments' 属性，而在严格模式下是不允许访问这些属性的。

严格模式是一种更严格的 JavaScript 解析和错误处理模式，它有助于捕捉潜在的错误，并使代码更加规范和安全。在严格模式下，访问不被推荐使用的属性会引发错误。

如果你在使用SkyWalking Vue探针时遇到了这个错误，可能是因为SkyWalking探针的代码与你当前的严格模式不兼容。为了解决这个问题，你可以尝试以下几种方法：

1. 禁用严格模式：如果你的代码中有 `'use strict';` 声明，可以尝试将其移除，或者将其放置在 SkyWalking 探针代码之前。这样可以避免 SkyWalking 探针代码受到严格模式的限制。

2. 更新 SkyWalking 探针：检查 SkyWalking 探针的版本和文档，确保你使用的是最新版本，并查看是否有关于严格模式的特别说明或解决方案。

3. 修改代码：如果你有权限修改 SkyWalking 探针的代码，可以尝试根据错误消息中提到的具体位置修改代码，避免访问 'caller'、'callee' 或 'arguments' 属性。

如果以上方法都无法解决问题，建议你在 SkyWalking 的官方文档或社区寻求更多帮助，以获取与 Vue 探针相关的特定解决方案。