vue2中报app.js:1194 Uncaught ReferenceError: exports is not defined如何解决

这个错误通常是由于使用了 CommonJS 规范的代码所导致的。在浏览器环境下，没有 `exports` 和 `module` 这样的 Node.js 模块系统的全局变量，因此会报错。

解决方法是使用 Webpack 等构建工具将代码打包成浏览器可识别的代码。或者在代码中避免使用 CommonJS 规范的代码，如果需要在浏览器中使用模块化的代码，可以使用 ES6 的模块化规范，或者使用 AMD 规范等其他的模块化方案。

如果您使用的是 Vue CLI 创建的项目，可以通过在 `package.json` 中添加 `"type": "module"` 来启用 ES6 的模块化规范，从而避免这个错误。

相关问题

Uncaught ReferenceError ReferenceError: exports is not defined at <anonymous> (e:\Desktop\vue2\node_modules\vue\dist\vue.cjs.js:3:23)

Uncaught ReferenceError: exports is not defined错误是由于在vue.cjs.js文件的第3行中使用了exports关键字，但是在浏览器环境中，exports关键字是未定义的。这个错误通常是由于错误的模块导入或导出语法引起的。

在你的代码中，可以看到你在index.js文件中使用了CommonJS的模块导入语法，而浏览器环境中并不支持这种语法。在浏览器中使用Vue.js时，应该使用ES模块的导入语法。你可以将index.js文件的代码改为以下内容：

import Vue from 'vue';
import router from 'vue-router';
import App from './components/App.vue';

new Vue({
router,
render: (h) => h(App)
}).$mount("#app");

这样就可以避免Uncaught ReferenceError: exports is not defined错误。

你还可以检查是否正确引入了Vue库和其他依赖，并确保文件路径是正确的。此外，还可以查看浏览器控制台中的其他错误信息，以帮助定位问题。

Uncaught ReferenceError: exports is not defined at vue.cjs.js:3:23

引用和提到了解决"Uncaught ReferenceError: exports is not defined"错误的方法是修改Babel的配置或者删除该配置中的"modules"选项。这个错误通常在运行使用模块化语法的代码时出现，因为部分浏览器不支持模块化语法中的"exports"属性。所以需要将代码转译成ES5的语法，可以使用打包工具如Webpack来实现。如果你对Webpack不熟悉，可以通过学习一些基础的Webpack教程来解决这个问题。引用提到了一个具体的例子，在浏览器中运行使用了模块化语法的代码时出现了"Uncaught ReferenceError: exports is not defined"错误。这个错误的解决方法是使用Webpack对代码进行打包，将模块化语法转译成浏览器可识别的语法。你可以通过学习一些简单的Webpack教程来解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Uncaught ReferenceError: exports is not defined](https://blog.csdn.net/qq_31151699/article/details/122249423)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue 项目中出现 Uncaught ReferenceError: exports is not defined](https://blog.csdn.net/m0_37852904/article/details/85249042)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Uncaught ReferenceError: exports is not defined 解决办法](https://blog.csdn.net/qq_35617751/article/details/106658563)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]