资讯专栏INFORMATION COLUMN

webpack编译报错Cannot find module '@babel/core�

DandJ / 3568人阅读

摘要:编译报错用了这个指令后报错尝试重新下载了还是不行原来是被我更新了不支持原来的配置了,官方默认对应的版本需要一致即需要搭配最新版本两种解决方案回退低版本更新到最高版本编译无法识别语法需要安装之后

**

webpack编译报错Cannot find module "@babel/core"

**
~ npm install babel-core babel-loader --save-dev 用了这个指令后webpack报错
尝试重新下载了babel-core babel-loader 还是不行

Cannot find module "@babel/core" babel-loader@8 requires Babel 7.x (the package "@babel/core"). If you"d like to use Babel 6.x ("babel-core"), you should install "babel-loader@7".

原来是babel-loader被我更新了babel-loader@8不支持原来的配置了,官方默认babel-loader | babel 对应的版本需要一致: 即babel-loader需要搭配最新版本babel
两种解决方案:

回退低版本
npm install -D babel-loader@7 babel-core babel-preset-env

更新到最高版本:
npm install -D babel-loader @babel/core @babel/preset-env webpack

webpack编译无法识别...es6语法

需要安装babel-polyfill
npm install babel-polyfill 之后还是报错

app.js入口文件头部 import "babel-polyfill" 也不行;
在webpack.config.js中配置:

也还是报错cant resolve;
需要安装babel-preset-stage-0
总结:
npm install babel-polyfill --save-dev;
npm install babel-preset-stage-0 --save-dev;
在webpack配置文件中,入口设置babel-polyfill:如,entry: ["babel-polyfill", "app.js"];
在配置中加stage-0,如下图:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98965.html

相关文章

  • 提高代码质量——使用Jest和Sinon给已有的代码添加单元测试

    摘要:现在,我们可以使用单元测试来提高自己的代码质量。它在单元测试的编写中通常用来模拟等相关请求。通过这篇文章,你应该学会了如何针对已有代码从零开始编写一套完整的单元测试用例。 概述 在日常的功能开发中,我们的代码测试都依赖于自己或者QA进行测试。这些操作不仅费时费力,而且还依赖开发者自身的驱动。在开发一些第三方依赖的库时,我们也没有办法给第三方提供完整的代码质量报告。 现在,我们可以使用单...

    voyagelab 评论0 收藏0
  • WebPack2配置我的Vue开发环境

    摘要:包中导出的默认是运行时构建。当然,我们期待的是只修改代码,不用重新运行命令,甚至不需要刷新浏览器即看到代码的改动效果,这时候需要新的插件来配置实现的热重载。 首先已经全局安装了node/vue/webpack; 新建文件夹demo4并初始化 cd demo4 npm init -y 这是页面会生成一个package.json文件。 安装webpack及相关插件 npm install ...

    Sike 评论0 收藏0
  • 0开始配置webpack和搭建一个React项目

    摘要:先来说说搭建官方文档上也有提供直接下载包,但是修改配置比较麻烦修改配置需要执行自行搭建一个项目并且配置主要记录学习阶段总结的可能不太好,勉强看看,重点记录一下第二种的方式通过管理包下载官网链接安装步骤都有的在项目目录下,执行会出 先来说说react搭建: 1 官方文档上也有提供直接下载react包,但是修改webpack配置比较麻烦 npx create-react-app my-...

    davidac 评论0 收藏0
  • 使用 webpack 4 和 Babel 7 构建 React 应用及如何引入 Material D

    摘要:建立项目首先,创建工程目录现在我们已经创建了我们要开发应用程序的文件夹,接着需要添加一个文件。这里为了版本的一致性,我把里的版本号前面删除了。为此,需要创建一个名为的文件,用来配置。 showImg(https://segmentfault.com/img/bVboiHi?w=1000&h=625); 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 在过去的一年和...

    asoren 评论0 收藏0
  • 2020年如何写一个现代的JavaScript库

    摘要:我写过一些开源项目,在开源方面有一些经验,最近开到了阮老师的微博,深有感触,现在一个开源项目涉及的东西确实挺多的,特别是对于新手来说非常不友好最近我写了一个,旨在从多方面快速帮大家搭建一个标准的库,本文将已为例,介绍写一个开源库的知识 我写过一些开源项目,在开源方面有一些经验,最近开到了阮老师的微博,深有感触,现在一个开源项目涉及的东西确实挺多的,特别是对于新手来说非常不友好 show...

    joyqi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<