app.js:351 Uncaught TypeError: Cannot read properties of null (reading 'innerHTML') at setup (App.vue:78:1) at callWithErrorHandling (runtime-core.esm-bundler.js:158:1) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:1) at setupComponent (runtime-core.esm-bundler.js:7197:1) at mountComponent (runtime-core.esm-bundler.js:5599:1) at processComponent (runtime-core.esm-bundler.js:5565:1) at patch (runtime-core.esm-bundler.js:5040:1) at render (runtime-core.esm-bundler.js:6332:1) at mount (runtime-core.esm-bundler.js:3824:1) at app.mount (runtime-dom.esm-bundler.js:1431:1)

时间: 2024-04-02 15:32:23 浏览: 157

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法

发现问题运行一下以前的一个Vue+webpack的 vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports 在JavaScript世界中，模块系统是组织代码的一种常见方式。在Vue.js项目中，尤其是在结合Webpack这样的模块打包工具时，正确地导入和导出模块是非常重要的。当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`和`export`）的导入导出语法。在给定的描述中，问题出在尝试将一个对象属性`exports`赋值，而这个属性在当前环境中是只读的。错误发生在以下代码片段： ```javascript import {normalTime} from './timeFormat'; module.exports = { normalTime }; ``` 这段代码首先使用`import`语句从`./timeFormat`导入`normalTime`函数，然后试图使用`module.exports`来导出一个包含`normalTime`的对象。在CommonJS规范中，`module.exports`是一个对象，用于导出模块的公共接口。然而，当使用了`import`语句后，该文件被视为一个ES6模块，而ES6模块中导出应该使用`export default`或`export`关键字。错误的原因在于，Webpack 2及更高版本不支持在同一模块中混合使用`import`和`module.exports`。为了解决这个问题，你需要保持一致性，要么全部使用CommonJS，要么全部使用ES6模块语法。在这个例子中，将代码转换为纯ES6模块的写法是正确的做法： ```javascript import normalTime from './timeFormat'; export default normalTime; ``` 这段修改后的代码使用`import`导入`normalTime`，并使用`export default`导出它，这样就符合ES6模块的规范，不再与`module.exports`冲突。在修改代码后，重新运行项目，如果之前出现的错误已经解决，那么问题就已经得到处理。确保所有依赖项都已更新，且Webpack配置没有阻止ES6模块的正确转换和打包。理解JavaScript模块系统的不同规范（如CommonJS和ES6模块）是避免此类错误的关键。在使用Webpack等工具构建项目时，保持导入导出语法的一致性至关重要。遇到问题时，查阅文档、搜索引擎和开发者社区（如GitHub、Stack Overflow等）的资源可以帮助快速定位和解决问题。在编程过程中，不断学习和实践是提升技能的有效途径，对于类似的问题，理解其背后的原理可以让你在未来遇到类似问题时更高效地解决。

这个错误提示是 JavaScript 中的一个错误，它表示在 App.vue 文件的第 78 行尝试读取 null 对象的 innerHTML 属性，但是 null 对象并没有 innerHTML 属性，因此会抛出这个错误。你需要检查代码，找到为什么会出现 null 对象，并且确保在使用 innerHTML 属性之前先检查该对象是否为 null。

阅读全文

相关推荐

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决

JQuery报错Uncaught TypeError: Illegal invocation的处理方法

app.js:372 Uncaught TypeError: Cannot read properties of null (reading 'value')

app.js:291 Uncaught TypeError: Cannot read properties of null (reading 'isCE')

app.js:39 Uncaught TypeError: Cannot read properties of undefined (reading 'toString') at app.js:39:19

warn @ runtime-core.esm-bundler.js:171 app.js:231 Uncaught TypeError: Cannot read properties of null (reading 'isCE'

app.js:479 Uncaught TypeError: Cannot read properties of undefined (reading

App.vue:29 Uncaught TypeError: Cannot read properties of undefined (reading 'init') at eval (App.vue:29:1)

app.43405cf7.js:1 Uncaught TypeError: Cannot read properties of null (reading 'set')

app.js:225 Uncaught TypeError: Cannot read properties of undefined (reading 'load')

app.js:711 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')

app.js:2921 Uncaught TypeError: Cannot read properties of undefined (reading 'getters')

app.js:368 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

app.js:159 Uncaught TypeError: Cannot read properties of undefined (reading 'globalProperties')

app.js:1283 Uncaught TypeError: Cannot read properties of undefined (reading 'webChannelTransport')

vue.global.js:1855 Uncaught TypeError: Cannot read properties of null (reading 'getContext')

app.js:4725 Uncaught TypeError: Cannot read properties of undefined (reading 'insertTable')

app.js:269 Uncaught TypeError: Cannot read properties of undefined (reading '$on')

app.js:258 Uncaught TypeError: Cannot read properties of undefined (reading '_c')

最新推荐

全国江河水系图层shp文件包下载

管理建模和仿真的文件

Keras模型压缩与优化：减小模型尺寸与提升推理速度

MTK 6229 BB芯片在手机中有哪些核心功能，OTG支持、Wi-Fi支持和RTC晶振是如何实现的？

点云二值化测试数据集的详细解读

"互动学习：行动中的多样性与论文攻读经历"

Keras正则化技术应用：L1_L2与Dropout的深入理解

在Python中使用xarray和cfgrib库处理GRIB数据时，如何有效解决遇到的DatasetBuildError错误？

JDiskCat：跨平台开源磁盘目录工具

关系数据表示学习

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决