这是因为:babel的版本冲突导致的,比如说我的:

一个是6,另一个是8,因为babel之前做过一个版本更新,8以上的babel-loader适配7以上的babel-core,否则冲突。
解决办法有两个:
第一种就是全部升级到新版本
另一个办法是降级:
我用的是降级:
先卸载babel-loader,使用npm un命令。

npm un babel-loader

然后安装7版本的:

npm i  babel-loader@7 -D

这样处理之后,package.json里面的内容是这样的:

这样,就解决啦!
完结!鼓掌!!撒花花!!!

webpack配置时:Plugin/Preset files are not allowed to export objects, only functions.相关推荐

  1. Error: Plugin/Preset files are not allowed to export objects, only functions……

    Error: Plugin/Preset files are not allowed to export objects, only functions-- 报错如下: 解决办法: 找到babel.c ...

  2. 解决webpack配置时8080端口Cannot GET /问题

    今天在新电脑上配置webpack-dev-server插件, localhost:8080端口进入后,白屏显示Cannot GET / 上网搜索后有人建议config–>index.js中的 a ...

  3. 六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离

    一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...

  4. vue-cli webpack配置分析 - chenBright - SegmentFault 思否

    相信vue使用者对vue-cli都不会陌生,甚至可以说,很熟悉了,但对其webpack的配置可能知之甚少吧. 过完年回来后,我接手了公司的新项目.新项目是一个spa.很自然,我就想到了vue-cli脚 ...

  5. 初探webpack之编写plugin

    初探webpack之编写plugin webpack通过plugin机制让其使用更加灵活,以适应各种应用场景,当然也大大增加了webpack的复杂性,在webpack运行的生命周期中会广播出许多事件, ...

  6. webpack 打包(plugin、loader 工作原理)

    模块化工具 由来 ES Modules 存在环境兼容问题 模块文件过多,网络请求频繁 所有的前端资源都需要模块化 概要 Webpack 作为 模块打包器(Module bundler),可以把零散的文 ...

  7. [乐意黎原创] WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js'

    如题:WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js' A. Webpack 命令时抛错 B.运行时Chrome 控制 ...

  8. vue webpack 访问php,实例详解vue-cli优化的webpack配置

    最近的项目度过了开始忙碌的基建期,也慢慢轻松下来,准备记录一下自己最近webpack优化的措施,希望有温故知新的效果.本文主要介绍了详解基于vue-cli优化的webpack配置,小编觉得挺不错的,现 ...

  9. vue-cli中的webpack配置

    编辑模式下显示正常,打开的时候不知道为啥排版有问题. segementfalut链接在这里 版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2 ...

  10. webpack入门(四)——webpack loader 和plugin

    什么是loader loaders是你用在app源码上的转换元件.他们是用node.js运行的,把源文件作为参数,返回新的资源的函数.  例如,你可以用loaders告诉webpack加载 coffe ...

最新文章

  1. Cloudify — Plugins
  2. 在linux将一些程序放到后台运行的方法(nohup/screen/daemonize)
  3. 用python从0开始创建一个区块链,从代码深入理解区块链
  4. 初步认识Volatile-什么叫缓存一致性呢?
  5. [Swift]LeetCode732. 我的日程安排表 III | My Calendar III
  6. 怎样快速掌握深度学习TensorFlow框架?
  7. LeetCode 956. 最高的广告牌(DP)
  8. Java | 用Java实现选择排序算法(记录写程序全过程的编程哲学)
  9. 机器学习2/100天-简单线性回归
  10. Zabbix Server端配置文件说明
  11. 【CCCC】L2-014 列车调度 (25分),贪心,set维护序列
  12. TurboMail邮件系统提醒广大用户小心DXXD勒索邮件
  13. Java Byte数组与Long的相互转化
  14. 2022年最新最全软件测试面试题大全
  15. ERstudio导入mysql脚本生成rtf文档
  16. 【利用编程来解决问题】——解数学题
  17. 淘宝手淘首页金字塔流量爬升法|运营狗
  18. 工作清单软件哪个好用?桌面计划待办清单便签
  19. python实现动态地图_使用Python、Geopandas和Matplotlib制作gif动态地图
  20. Carboxyrhodamine 110-PEG4-DBCO,羧罗丹明110-PEG4-DBCO是一种荧光标记染料

热门文章

  1. psycopg2 (python与postgresql)
  2. Topcoder SRM 144 DIV 1
  3. [.net 面向对象编程基础] (6) 基础中的基础——运算符和表达式
  4. 分页打印控制 摘自于网络:http://www.cnblogs.com/joinger/articles/1807517.html
  5. 策略模式【设计模式学习-02】
  6. 并发编程学习之延时队列DelayQueue
  7. Object类中的wait()和notify()
  8. Dom4j 读取一个XML文件和将String写成XML文件
  9. JS事件流与DOM事件处理程序
  10. NB-IoT、eMTC与LoRa三大物联网技术相争,共存还是鏖战?