webpack4 报错 Could not find plugin “proposal-class-static-block“. Ensure there is an entry in...

最新推荐文章于 2023-03-27 23:10:29 发布
最新推荐文章于 2023-03-27 23:10:29 发布
阅读量2.2k 收藏 1
点赞数 4
分类专栏： webpack 文章标签： webpack javascript node.js 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47809584/article/details/121688922
版权

webpack4 报错 Could not find plugin “proposal-class-static-block“. Ensure there is an entry in ./available-plugins

  • 使用babel-loader做js兼容性处理时，我们安装完babel-loader后还需要安装@babel/core 和@babel/preset-env
  • 但是在安装完毕后，运行webpack 命令，进行打包时，控制台报 “Could not find plugin “proposal-class-static-block“. Ensure there is an entry in ./available-plugins” 错误。 上网查了查，发现可以通过修改node_modules/@babel/preset-env/lib/available-plugins.js文件，但是很难找。
  • 实际上这个问题，依然是包的版本问题。将@babel/core 和@babel/preset-env 的版本改为：
 "@babel/core": "^7.14.6",
 "@babel/preset-env": "^7.14.7",

再次打包，发现报错问题已经解决了

.ToString()°
关注
专栏目录
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4850
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
在webpack中使用es6新特性class中遇到的问题
程序员徐小白的博客
02-15 1369
报错： Support for the experimental syntax 'classProperties' isn't currently enabled 出错的代码 class myClass{ > 6 | static info = "这是myClass的静态属性" | ^ 7 | 8 | } 原因 因为webpa...
Could not find plugin “proposal-class-static-block“. Ensure there is an entry in ./available-plugins
qq_45818623的博客
07-12 2352
使用webpack进行兼容性处理，在打包的时候出现这个错误。 本来按照这位博主的做法修改 node_modules/@babel/preset-env/lib/available-plugins.js文件 ，后面发现修改了还是会有很多别的插件没找到。 后面猜想应该是babel兼容性问题，把@babel/core 和 @babel/preset-env 的版本换成如下两个版本： 问题就解决了。 ...
webpack4 报错 Could not find plugin “proposal-class-static-block“. Ensure there is an entry in ./avail
最新发布
m0_57809042的博客
03-27 201
上网查了查，发现可以通过修改node_modules/@babel/preset-env/lib/available-plugins.js文件，但是很难找。使用babel-loader做js兼容性处理时，我安装完babel-loader后还需要安装@babel/core 和@babel/preset-env。实际上这个问题，依然是包的版本问题。
Could not find plugin “proposal-class-properties“. Ensure there is an entry in ./available-plugins.j
wuyuk24的博客
04-20 1519
Could not find plugin “proposal-class-properties”. Ensure there is an entry in ./available-plugins.js for it. 在package.json中添加 "resolutions": { "@babel/preset-env": "7.5.5" } 然后运行 npx npm-force-resolutions 最后 npm install
React项目： Cannot find module '@babel/plugin-transform-react-jsx-source'
我的前端
06-04 3572
1. 进入项目根目录 2. rm -rf node_modules 3. npm install (不要使用 yarn ) npm run start success
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
m0_67393593的博客
03-02 1267
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
image-minimizer-webpack-plugin：Webpack加载器和插件，用于使用imagemin压缩图像
02-06
image-minimizer-webpack-plugin 该插件使用优化图像。 入门 首先，您需要安装image-minimizer-webpack-plugin ： $ npm install image-minimizer-webpack-plugin --save-dev 可以用两种模式优化图像： （无质量...
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js,...
详解webpack的clean-webpack-plugin插件报错
01-18
const CleanWebpackPlugin = require('clean-webpack-plugin') // const { CleanWebpackPlugin } = require('clean-webpack-plugin') module.exports = { entry: './input.js', output: { path: path.resolve(__...
webpack-js兼容babel问题Could not find plugin “proposal-class-properties“
weixin_40119900的博客
12-15 1797
ERROR in ./src/js/index.js Module build failed (from ../node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js): Error: [BABEL] D:\0OldE\0web\javascript\webpack\13js的兼容性处理\src\js\index.js: Could not find plugin "proposal-class-properties". Ensure there
精读《class static block》
前端精读周刊
09-13 123
class-static-block 提案于 2021.9.1 进入 stage4，是一个基于 Class 增强的提案。本周我们结合 ES2022 feature: class stati...
用transform布局block元素层叠上下文
q495321651的博客
07-19 747
项目开发中，层叠上下文布局，可以用float , position, z-index 将block元素浮动层叠，而今天这里用transform:translate3d来处理。 例子：  html: transform:translate(30px,0): <div class='transform-demo'> </div> transform:translate...
Could not find plugin proposal-numeric-separator
xyliaaaa的博客
05-29 1893
angular-error.log里的错误是： [error] Error: [BABEL] E:\mobile\cms-v4\cms-app-v4\www\pages-article-article-module-es2015.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "E:\..
安装umi教程（报错及解决办法）
weixin_43915401的博客
03-09 2440
安装umi教程（报错及解决办法）
babel报错ERROR in ./src/index.jsModule build failed (from ./node_modules/happypack/loader.js):
m0_60971410的博客
01-04 2127
ERROR in ./src/index.js Module build failed (from ./node_modules/happypack/loader.js): Error: [BABEL] D:\WebFiles\CloudHIS-GZ\src\index.js: Could not find plugin "transform-class-static-block". Ensure there is an entry in ./available-plugins.js for it. (Wh
webpack js兼容性处理
浅听记忆的博客
05-21 588
目前最新的代码规范很多都不能直接被浏览器识别访问，而借助webpack我们可以使用babel对js进行转换，将其变成浏览器可识别的代码 其中就有个loader：babel-loader 而跟他一起使用的或者有依赖关系的还有其他的 @babel/core @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators 所以我们需要安装这些包 cnpm i babel-loade...
天呐，终于运行出了一个大项目----里头有个大bug：RROR Error: Cannot find module ‘vue-，解决办法是重新下载 cnpm i -D vue-loader-v16
weixin_40945354的博客
02-21 5871
npm WARN @babel/plugin-syntax-dynamic-import@7.8.3 requires a peer of @babel/core@^7.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN @babel/plugin-syntax-export-namespace-from@7.8.3 requires a peer of @babel/core@^7.0.0-0
webpack打包不识别es6语法的坑
qq_39447467的博客
08-22 4475
webpack打包不识别es6语法的坑 今天Vue项目npm run build 后webpack，报错uglifyjs，自己研究了一下，翻译过来，意思是不识别项目中写的高级语法，这里要把项目里es6语法转es5让浏览器识别， 也就是webpack的babel需要配置下 Babel其实是一个编译JavaScript的平台，它的强大之处表现在可以通...
webpack 4.0.0-beta.0：新特性解析与安装指南
随着webpack 4的发布，webpack-cli也进行了升级，提供了更多的命令行选项和更好的错误报告，使得开发者可以通过命令行更有效地管理和构建项目。 7. **优化的默认行为** 默认配置中，Webpack 4引入了一些性能优化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

.ToString()°

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值