关于vue,webpack 中 “exports is not defined”报错

vue项目npm run dev 后项目报错 : 提示 “exports is not defined”。

导致这个问题是因为balbel的配置文件.babelrc的问题:

{
  "presets": [
    ["env", { "modules": false }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "comments": false,
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": [ "istanbul" ]
    }
  }
}

  去掉 { "modules": false }其中{ "modules": false }阻止了babel进行模块转换,具体见modules配置的说明,所以,将modules改为默认设置即可,或者删除该配置。

原文地址:https://www.cnblogs.com/sichaoyun/p/8494086.html

时间: 2024-10-06 22:52:37

关于vue,webpack 中 “exports is not defined”报错的相关文章

vue.js 中使用(...)运算符报错的解决方法

vue.js 中使用(...)运算符报错的解决方法 Syntax Error:Unexpected token(XX:X) }, computed:{ ...mapGetters([ 'pageSize' ]) }, 这个错误是在项目中,不识别es6的扩展运算符,解决办法(四步走)如下: 第一步:安装babel-plugin-transform-object-rest-spread cnpm install babel-plugin-transform-object-rest-spread 第二

nuxtjs在vue组件中使用window对象编译报错的解决方法

我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等 因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac

【vue】vue项目中服务器跑不起来 报错 listen EACCES: permission denied 3000--hot

报错截图如下 1.解决过程: 一开始只在vscode终端看到了最先面的报错信息,如下图: 看不出个所以然 网络搜索一番后,有如下类似问题的解决方案 npm cache clean --force 手动删除node-module文件夹 npm i npm run dev 结果还是不行,着急之际,滚动了一下鼠标 看到了完整的报错信息 发现是端口号不对 把3000选中改成了3001 还是同样的报错 正无奈 发现原来是端口号跟 --hot之间少了一个空格....... 鬼知道我拷贝之前的可以完好运行的项

vue 中 eslint 与 webstorm格式化 报错

参考: https://blog.csdn.net/weixin_37219302/article/details/79685351 在.eslintrc.js中修改成: // required to lint *.vue filesplugins: [ 'vue', // 此插件用来识别.html 和 .vue文件中的js代码 'html'], 报错: Module build failed: Error: Failed to load plugin html: Cannot find mod

在vue项目中使用canvas-nest.js,报parameter 1 is not of type 'Element'

canvas-nest.js是一款轻量的网页特效,如图: github地址:https://github.com/hustcc/canvas-nest.js 在普通的html项目中,只要将<script src="dist/canvas-nest.js"></script>插入到body标签最下边即可. 在vue项目中,使用时配置 1 import CanvasNest from 'canvas-nest.js'; 2 3 const config = { //

Vue 项目: npm run dev b报错 “&#39;webpack-dev-server&#39; 不是内部或外部命令,也不是可运行的程序 或批处理文件。”

前提: 电脑已经安装了nodeJS和npm,  项目是直接下载的zip包. 报错步骤为1:cd /d 目录: 2. npm ren dev  -------> 报错如下: > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件.npm ERR! code ELIFECYCLEnpm ERR! errno 1

vue-cesium中经纬度写反了,报错

vue-cesium中经纬度写反了,报错 [Vue warn]: Invalid prop: custom validator check failed for prop "position". found in ---> <VcEntity> at Entity.vue <VcViewer> at Viewer.vue <HomePage> <App> at src/App.vue <Root> 把经纬度改一下,再测试

python中引入包的时候报错AttributeError: module &#39;sys&#39; has no attribute &#39;setdefaultencoding&#39;解决方法?

python中引入包的时候报错:import unittestimport smtplibimport timeimport osimport sysimp.reload(sys)sys.setdefaultencoding('utf-8') AttributeError: module 'sys' has no attribute 'setdefaultencoding'解决方法: 1.python2中解决方法:reload(sys)sys.setdefaultencoding('utf-8'

android 程序中res/values-v14/styles.xml报错的解决办法

从旧的ADT迁移的新的ADT时, android 程序中res/values-v14/styles.xml报错: error: Error retrieving parent for item: No resource found that matches the given name :Theme.AppCompat.Light.DarkActionBar 解决办法:修改项目下的project-properties文件, 把下面这一行加入,指向新导入的support库(需要先导入这个库) an