babel 编译es6 connot find preset 解决方案

最新推荐文章于 2023-02-23 09:08:06 发布
最新推荐文章于 2023-02-23 09:08:06 发布
阅读量713 收藏
点赞数
分类专栏： node 文章标签： es6 babel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beiweideqidaozhe/article/details/52565713
版权 
/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:281
          throw new Error("Couldn't find preset " + (0, _stringify2.default)(val) + " relative to directory " + (0, _stringify2.default)(dirname));
          ^

Error: Couldn't find preset "es2015" relative to directory "/Users/thomas/workspace/mygitworkspace/nodeExpress2"
    at /Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:281:17
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:265:20)
    at OptionManager.mergePresets (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:254:10)
    at OptionManager.mergeOptions (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:239:14)
    at OptionManager.init (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-core/lib/transformation/file/options/option-manager.js:338:12)
    at compile (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-register/lib/node.js:102:45)
    at loader (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-register/lib/node.js:146:14)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/thomas/workspace/mygitworkspace/nodeExpress2/node_modules/babel-register/lib/node.js:156:7)
    at Module.load (module.js:473:32)

上面是使用babel 编译es6 语法时报的错。

一开始使用的安装方式是

npm install --save-dev babel-preset-es2015

结果就是报找不到的错误。

解决方式是
将安装改为－－save 模式

npm install --save babel-preset-es2015
thomas的小火车
关注
专栏目录
babel源码解析之（@babel/preset-env）
vv_bug
06-30 5008
前言 还记得之前写过一篇文章:babel源码解析一,里面把babel的整个流程跑了一遍，最后还自定义了一个插件用来转换“尖头函数”，通过前面的源码解析我们知道，preset其实就是一些插件的集合，这一节我们来介绍一个babel中比较重要的preset“@babel/preset-env”，可能有些小伙伴已经用过了，没用过的话至少也应该见过，废话不多说，我们直接盘它。 开始 我们从项目创建开始，首先我们创建一个叫babel-demo的项目用来测试babel，然后执行npm初始化 npm init 然后我们
babel源码解析之（@babel/plugin-transform-runtime）
vv_bug
07-02 2384
前言 前面我们用了一篇很长的文章介绍了@babel/preset-env,感兴趣的可以去看我之前的一篇文章babel源码解析之（@babel/preset-env）,今天我们要分析的是babel的一个插件，叫@babel/plugin-transform-runtime. 简介 我们看一下官网对它的描述： A plugin that enables the re-use of Babel’s injected helper code to save on codesize. 很简短的一个描述信息，翻译一
VUE CLI4 构建的vue2项目中 导入element-ui @2.15.1时 Cannot find module ‘babel-preset-es2015
zjbkzj的博客
02-24 610
VUE CLI4 构建的vue2项目中 导入element-ui @2.15.1时 Cannot find module 'babel-preset-es2015 我是按照官网的按需导入的，根据要求是在图1 的对应（1）（2）两点做修改，但是实际的项目结构不是如此，我在对应 图2 的相应位置做的修改，在此重点说下第二点，上午在解决别的问题时 看到 有人说"es2015"被废弃，我没有深究，当时没有当回事（曾经有一份真挚的感情摆在我面前，我没有珍惜。等失去时才追悔莫及。人世间最痛苦的事莫过于此，如果上天.
vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index (ERROR Failed to compile with 164 e
最新发布
weixin_43988317的博客
02-23 1053
core-js 错误处理， vue 项目初始化
Vue运行报错：Module build failed: Error: Couldn‘t find preset “env” relative to directory “xxx\\ vue-esig
weixin_57529171的博客
11-24 1493
Vue运行报错：Module build failed: Error: Couldn't find preset "env” relative to directory "xxx\\ vue-esig
vue报错关于npm run dev后出现* core-js/modules/es6.array.find in ./node_modules/_cache-loader@2.0.1@cache-lo
盏茶作酒的博客
06-04 1万+
These dependencies were not found: * core-js/modules/es6.array.find in ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.1.0@babel-loader/lib!./node_modules/_vuetify-loader@1.4.3@vuetify-loader/lib/lo...
vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index]
盏茶作酒的博客
06-05 1万+
vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index] D:\vuejselement\workSpace\zutnlp_platform_show>cnpm install --save core-js/modules/es6.array.find-index × Install fail! Error: [@core-js/modules/es6.array.find-index] resolved target
ES6笔记
jiashu88888的博客
03-16 1248
ES6+TypeScript合集ES6运行的三种方式ES6的浏览器兼容let、const和块级作用域let关键字const 关键字解构赋值数组的解构 ES6运行的三种方式 第一种：浏览器直接显示（Babel浏览器脚本） Babel的链接：https://www.bootcdn.cn/babel-standalone/ Babel将ES6的语法转化成ES5的语法在浏览器上运行 第二种：在线转换https://www.babeljs.cn/ 第三种：Babel（node.js）工具，工具把ES6转换成E
ES6语法特性（五）模块化、引入npm包
qq_38232003的博客
12-01 1885
ES6 模块化 模块化是指将一个大的程序文件，拆分为许多小的文件（模块），然后将小的文件组合起来。 优点 防止命名冲突 代码复用 高维护性 模块化规范产品 ES6之前本身没有模块化，社区衍生出模块化产品 CommonJS ===> NodeJS、Browserify AMD ===> RequireJS CMD ===> SeaJS 语法 模块功能主要有两个命令构成 export 、import export 命令用于规定模块对外的接口 import 命令用于输入其他模块提供的功能
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Couldn't find preset "@babel/preset-env" relative to directory
云海梦尘的博客
02-16 9440
 一.webpack 打包是出现如下错误 二.修改后配置 ①.检查安装 "babel-loader": "^7.1.5", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-stage-2": "^6.24.1", "babel-core": "^6.26.3", &qu
babel5升级到babel6总结
倾听风的声音，跟随风的脚步！
05-03 1万+
babel5 to babel6为什么要升级？ 性能提升：据说compile速度提升20%（但在测试后发现，速度慢了20%+）。 可配置的插件：更强的灵活性，以及更简单的插件API。 更简洁的配置。 重大变化 不再提供babel包 命令行工具由babel-cli包提供 node api由babel-core提供 polyfill由babel-polyfill提供 .babelrc配置变化 移除“
babel转换出现 Couldn‘t find preset “es2015“ relative to directory “E:\\IDEAWork\\vue“（ES6转换成ES5）
L_J_X03的博客
10-08 346
没有安装es标准，使用命令 npm install babel-preset-es2015
解决：Error: Cannot find module ‘puppeteer/DeviceDescriptors‘ 问题
weixin_38190633的博客
09-18 7601
最近在学习 puppeteer ，网上很多的代码其实已经过期了，遇到Error: Cannot find module 'puppeteer/DeviceDescriptors' 问题
Error: Cannot find module 'core-js/library/fn/get-iterator'解决方案
yhy_的博客
02-02 1万+
把node_modules 删了 重新  cnpm install 或者 npm install 安装一下就可以解决了 据我分析可能是npm包的问题。
can't resolve 'core-js/modules/es6.promise' webpack编译es6报错
PromiseCao的博客
04-30 1万+
webpack配置es6编译时引入polyfill去兼容es6的方法，结果遇到无法编译的情况，如下图 啥玩意儿？polyfill一直用得好好的怎么就出问题了？ 赶紧去墙外找了下，最后发现是最近corejs更新了，我安装的是最新版3.x的版本。而新版本已经废弃了polyfill， 取而代之的是需要引入core-js/stable 和regenerator-runtime/runtime...
vue动态路由加载时 Cannot find module xxx 错误解决方法
热门推荐
知行合一
06-01 5万+
vue由静态路由改为动态路由时，出现下面的错误 静态路由懒加载，当我们把在router里面，把它写死在ts里时，它加载的ok的，可是我们通过api接口拉取过来的数据时，发现是不报了上面的错 // 静态路由懒加载 export const loadView = (view: any) => { return () => import(`@/views/${view}.vue`) } 错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是
关于npm全局安装@babel/core，找不到包，解决
qq_42748190的博客
07-02 5647
正常流程如下： npm install -g@babel/core const parser = require("@babel/parser"); 一切看似没啥问题，但是偏偏找不到。 测试安装其他包，例如： npm install -g express const express= require("express");可以找到 但是在本地安装@babel/core，导入却没问题。 归根结底发现，全局安装@babel/core和本地安装@babel/core是有区别的。 我的电脑如下..
手把手教你用babel转换ES6 class语法
"这篇教程详细解析了如何使用Babel将ES6的class语法转换为ES5。Babel是一个广泛应用于React和Vue项目的转码器，能够将ES6+的特性转化为ES5，同时处理JSX等语法。在实际项目中，通常会结合插件和预设（如env、stage-0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值