异常:TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions

<think>好的，我现在需要解决用户遇到的TypeError问题，这个错误信息是“'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them”。用户提到在使用mui.js时出现这个错误，特别是在初始化滑动条的时候。另外，用户还引用了几个相关的错误来源，包括Vue项目中的类似问题。 首先，我需要理解这个错误的原因。根据引用中的描述，错误通常发生在严格模式下，当代码试图访问函数的caller、callee或arguments属性时。在严格模式中，这些属性是被禁止访问的，可能是出于安全或性能的考虑。所以，问题可能出在mui.js或其他相关库的代码试图在严格模式下访问这些被禁用的属性。 接下来，我需要考虑可能的解决方法。根据引用中的例子，比如引用[5]提到使用MUI的scroll控件时引入mui.min.js导致错误，可能的原因是该库的某些代码与严格模式不兼容。解决方法可能包括检查库的版本，或者修改库的代码，但修改第三方库可能不太实际。另外，用户提到在Vue项目中遇到同样的问题，这可能与项目的构建配置有关，比如Babel或Webpack的设置是否启用了严格模式。 可能的解决步骤包括： 1. 更新或替换旧版本的库，如mui.js，因为新版本可能已经修复了严格模式下的兼容性问题。 2. 检查项目中的严格模式设置，比如在Webpack或Babel配置中是否强制启用了严格模式，可以尝试禁用严格模式来测试是否解决问题。 3. 使用非严格模式编译第三方库，通过配置构建工具将第三方库排除在严格模式转换之外。 4. 如果问题出在特定代码段，比如递归函数中使用arguments.callee，应该修改代码以避免使用这些被禁用的属性。 另外，用户可能需要确认错误发生的具体位置。查看控制台报错的具体文件和行号，确定是哪个库或哪部分代码触发了错误。如果是第三方库的问题，可能需要寻找替代方案或等待官方修复。 还需要考虑项目环境，比如是否使用Vue CLI或其他脚手架工具，这些工具可能在构建过程中自动启用严格模式。例如，引用[4]提到在Vue项目中遇到该问题，可能是因为Vue的默认配置启用了严格模式，而使用的某个插件或库与之不兼容。 总结可能的解决方案： - 更新相关库到最新版本。 - 调整构建配置，禁用严格模式或排除第三方库。 - 修改代码中依赖caller/callee/arguments的部分。 - 联系库的维护者报告问题，寻求官方修复。 需要验证这些步骤的有效性，比如尝试更新mui.js到最新版本，或者检查项目的babel.config.js中是否有@babel/preset-env强制使用严格模式。如果用户使用的是较旧的库版本，更新可能解决问题。如果无法更新，可能需要调整构建工具的配置，例如在Webpack中使用module.rules.exclude来避免转换某些模块。 此外，错误信息中的“invokeGetter”可能意味着在某个属性的getter函数中尝试访问了被禁止的属性，这可能需要深入查看堆栈跟踪来定位具体代码。 最后，确保用户理解在严格模式下这些属性被禁用的原因，以及修改代码以避免使用它们的重要性，尽管这可能需要修改第三方库，但这通常不是推荐的做法，因此寻找替代库或官方补丁更为可行。</think>### TypeError: 'caller', 'callee', 'arguments' 属性访问问题的分析与解决 #### **问题原因** 此错误发生在 JavaScript 的严格模式（`'use strict'`）下，当代码尝试访问函数的 `caller`、`callee` 或 `arguments` 属性时触发。严格模式禁止此类操作以提升安全性和性能[^3][^4]。常见场景包括： 1. 使用旧版第三方库（如 `mui.js`）时，其代码可能依赖这些被禁属性[^5]； 2. 递归函数中误用 `arguments.callee`[^4]； 3. 构建工具（如 Webpack、Babel）默认启用严格模式，与某些代码冲突。 --- #### **解决步骤** 1. **更新依赖库** - 检查 `mui.js` 或其他相关库是否为最新版本。旧版本可能未适配严格模式。 - 若库已停止维护，考虑替代方案（如 `Swiper` 替代 `mui-scroll`）。 2. **调整构建配置** - **禁用严格模式**：在 `babel.config.js` 中配置 `@babel/preset-env` 忽略严格模式： ```javascript module.exports = { presets: [ ['@babel/preset-env', { modules: false, loose: true, useBuiltIns: 'usage', corejs: 3 }] ] }; ``` - **排除第三方库**：通过 Webpack 的 `module.rules` 跳过对某些库的编译： ```javascript module.exports = { module: { rules: [ { test: /\.js$/, exclude: /node_modules\/(mui|old-library)/, use: 'babel-loader' } ] } }; ``` 3. **修改代码** - 替换 `arguments.callee`：使用命名函数实现递归： ```javascript // 错误写法 function factorial(n) { return n <= 1 ? 1 : arguments.callee(n-1) * n; } // 正确写法 function factorial(n) { return n <= 1 ? 1 : factorial(n-1) * n; } ``` - 避免依赖 `caller` 属性，改用显式参数传递上下文。 4. **降级编译** - 若无法修改库代码，通过 Babel 插件 `@babel/plugin-transform-strict-mode` 强制非严格模式编译。 --- #### **验证方法** 1. 在控制台查看错误堆栈，定位触发问题的具体文件和代码行； 2. 临时移除严格模式（如删除 `'use strict'`），测试是否解决； 3. 逐步更新依赖库版本，观察错误是否消失。 --- #### **相关引用** - 引用[3]：初始化滑动条时 `mui.js` 报错，指出严格模式限制； - 引用[4]：Vue 项目中同类问题的递归函数案例[^4]； - 引用[5]：MUI 的 `scroll` 控件因严格模式报错，建议更新依赖或替换库。 ---

异常：TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them。 这个异常出现的原因是在严格模式下访问了'caller'，'callee'和'arguments'这些属性。在webpack打包时，默认启用了严格模式，导致这两者冲突。 解决这个问题有两种方法。一种是给函数表达式一个名字或者使用函数声明来替代访问'arguments.callee'。比如将原来的代码： ```javascript stop = requestAnimationFrame(function () { cxt.clearRect(0, 0, canvas.width, canvas.height) sakuraList.update() sakuraList.draw(cxt) stop = requestAnimationFrame(arguments.callee) }) ``` 改为： ```javascript stop = requestAnimationFrame(asd()) function asd() { cxt.clearRect(0, 0, canvas.width, canvas.height) sakuraList.update() sakuraList.draw(cxt) stop = requestAnimationFrame(asd) } ``` 另一种方法是禁用webpack打包时的严格模式，可以使用babel-plugin-transform-remove-strict-mode插件来移除严格模式。首先使用npm install babel-plugin-transform-remove-strict-mode命令下载该插件，然后在项目的.babelrc文件中引入该插件： ```javascript "plugins": ["transform-remove-strict-mode"] ``` 通过这两种方法，可以解决这个异常问题。希望对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functio](https://blog.csdn.net/weixin_42614080/article/details/105373523)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [异常：TypeError: ‘caller‘, ‘callee‘, and ‘arguments‘ properties may not be accessed on strict ...](https://blog.csdn.net/Vixcity/article/details/128564262)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]