npx webpack-dev-server后都报的哪些恶心错误（各类版本不符）

最新推荐文章于 2022-07-04 16:59:43 发布
最新推荐文章于 2022-07-04 16:59:43 发布
阅读量1.6k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： webpack 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elephant230/article/details/124761706
版权

报错一：

这种情况多半是拼写错误或是大小写问题。比如我把plugin的p整成了大写,server写成serve

 

Invalid configuration object. Webpack has been initialised using a configuration objectt does not match the API schema.
 - configuration has an unknown property 'Plugins'. These properties are valid:
   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, external
infrastructureLogging?, loader?, mode?, module?, name?, node?, optimization?, output?, paralleli performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?solveLoader?, serve?, stats?, target?, watch?, watchOptions? }
   For typos: please correct them.
   For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration.   
     Loaders should be updated to allow passing optio

最低0.47元/天 解锁文章
elephant230
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
webpack 使用webpack-dev-server 报错
enternal07的专栏
05-25 1252
使用webpacke 版本 5.23.0 ✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match theAPI schema. - configuration has an unknown property 'mode'. These properties are valid: object { amd?, bail...
npx webpack报错在根目录下找不到./src目录
m0_49039848的博客
10-15 1084
报错如下 D:\toy-react>npx webpack assets by status 0 bytes [cached] 1 asset ERROR in main Module not found: Error: Can't resolve './src' in 'D:\toy-react' webpack 5.1.0 compiled with 1 error in 269 ms webpack.config.js module.export={ entry:{
npx webpack报错问题
xyzsd1108的博客
07-04 1666
webpack遇到的问题
webpack执行npx webpack报错
FBm的博客
09-23 8908
报错信息 npm ERR! code ENOLOCAL npm ERR! Could not install from "Files\nodejs\node_cache\_npx\11132" as it does not contain a package.json file. npm ERR! A complete log of this run can be found in: npm E...
解决：输入npx webpack-dev-server指令后报错 Error: Automatic publicPath is not supported in this browser
cake_eat的博客
10-29 258
解决方法：在output里面加上 publicPath:'./'
npx报错(...npm-cache\_npx...)
Winne_Shen的专栏
11-03 5914
问题 使用npx时，出现类似下面的报错。 npm ERR! code ENOLOCAL npm ERR! Could not install from "Files\AppData\Roaming\npm-cache\_npx\14184" as it does not contain a package.json file. npm ERR! A complete log of this...
webpack-使用webpack-dev-server.rar
04-12
npx webpack-dev-server --port 3001 --hot-only --open ``` 这将在端口 3001 上启动服务器，只启用热模块替换，并在启动后自动打开浏览器。 **代理（Proxying）** 在开发环境中，你可能需要将 API 请求代理到后端...
webpack-dev-server:网页包
03-19
npx webpack-dev-server # 或 yarn webpack-dev-server ``` 4. **访问**：打开浏览器，输入 `http://localhost:3000` 即可访问到项目。 **四、Webpack Dev Server 进阶使用** 1. **自定义入口文件**：通过 `...
webpack-config-plugins:提供有关Webpack加载程序配置的最佳实践
05-14
可插拔的Webpack配置 创建webpack加载器配置可能会非常耗时。...npm i --save-dev webpack webpack-cli common-config-webpack-plugin npx webpack --plugin common-config-webpack-plugin 零配置webpac
webpack-nano：简洁，干净的Webpack CLI
01-30
npm install webpack-nano --save-dev 要求 webpack-nano是一个常绿模块。 :evergreen_tree: 该模块需要节点版本（v10.0.0 +）。 好处 圣香蕉 :banana: 这是它的有点 不会像雪崩般挥舞着旗帜和期权 允许任意数量的...
webpack-simple-vue:从头开始为Vue进行Webpack配置
05-11
接下来，我们需要使用以下命令安装webpack，cli工具和开发服务器：npm install webpack webpack-cli webpack-dev-server --save-dev 在继续之前，请运行npx webpack 。 npx是执行的二进制文件的工具-的WebPack创建...
npx 执行报错
zyf13671493506的博客
03-19 930
https://blog.csdn.net/hellobbw/article/details/108402959
npx创建项目时报错
qq_38859502的博客
09-24 1500
在使用npx创建项目时报了如下错误： 也是在网上看的别人的解决方法，在这给自己也做个记录，目的是为了日后再出现这样的问题方便解决 1、以上错误的原因 node_cache的文件路径名中包含空格 例如： 2、解决空格问题 使用红框中的命令将空格的路径名修改掉 在此查看路径，发现cache的路径中没有了空格 继续使用npx就不会报上面的错误了！！！ ...
执行 npx create-react-app时候出错
qq_36359324的博客
02-08 2687
1.第一个报错，找不到npm404找不到日志文件 2.切换淘宝镜像，npm404找不到淘宝镜像 3.发现在创建项目的文件夹下出现package-lock.json并且是webstorm图标，不会改，直接删除webstorm。 4依旧报错，npm404找不到淘宝镜像，改成本地镜像，依旧找不到 ...
VUE-CLI webpack配置autoprefixer后build模式与dev不相同，打包后部分前缀或属性丢失，所见即所得...
weixin_33919941的博客
11-01 404
解决办法：打包OptimizeCSSPlugin配置添加autoprefixer:{remove: false} //文件： build/webpack.prod.conf.js new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMa...
react——解决react 执行npx create-react-app 报错
朕的博客
09-22 1420
按照react官方提供的npx create-react-app 方法创建项目时，发生以下错误提示： 在网上查了好多资料，需要是用brew安装几个软件包才能解决此问题，react官方也没有给出这个解决的提示，糟心，首先brew是mac上的一个软件包管理工具，也是需要先安装的，安装方法如下： 1、打开终端工具，输入以下命令： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 然后按照
webpack---devServer
weixin_43390711的博客
05-18 164
devServer: { // 指定运行代码的目录，一般也是所有资源的输出目录 contentBase: resolve(__dirname, 'dist'), // 监视contentBase目录下所有文件，一旦发生变化就reload watchContentBase: true, watchOptions: { // 让监视更高效 ignored: /node_modules/ }, // 启动gzip压缩 .
webpack 执行 npx webpack-dev-server 报错 static heartbeatInterval = 1000
m0_58893670的博客
03-09 109
使用 npx webpack-dev-server打包的时候报错 最后发现是因为我安装的node版本 过低 解决方法： 安装高版本node webpack-dev-server v4.0.0+ 要求 node版本必须 >= v12.13.0，webpack >= v4.37.0 ...
想了解Webpack，看这篇就够了
华为云官方博客
10-28 1668
摘要：Webpack是一种前端资源构建工具，一个静态模块打包器。 1. 摘要 Webpack是一种前端资源构建工具，一个静态模块打包器。在Webpack看来，前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理，当Webpack处理应用程序时，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。Webpack打包流程图如图1-1所示。 图1-1 Webpack打包流程图 2. Webpack五个核心概念 2.1 Entry 入口(Entry)指示Webp
npx webpack-dev-server -d --env development --mode development --progress --inline --hot --config webpack.config.js
最新发布
04-01
npx webpack-dev-server是一个用于开发环境的Webpack插件，它提供了一个本地开发服务器，可以实时编译和热更新你的代码。下面是对命令中各个参数的介绍： - -d：该参数是webpack-dev-server的缩写，用于启动开发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值