执行npm run build的时候报错怎么办？

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.configuration.output has an unknown property ‘publiscPath’.

当我们执行npm run build的时候出现以下错误，说明打包不成功。

我们只需要看前面的这两行，意思大概是无法配置对象。Webpack的初始化使用了不匹配的配置对象API模式。配置有一个未知的属性“publiscPath”。

[webpack-cli] Invalid configuration object. Webpack has been initialized using  schema.- configuration.output has an unknown property 'publiscPath'. These propertiesobject { assetModuleFilename?, asyncChunks?, auxiliaryComment?, charset?, chnkLoading?, chunkLoadingGlobal?,
clean?, compareBeforeEmit?, crossOriginLoading?, cssChunkFilename?, cssFilenameModuleFilenameTemplate?, devtoolNamespace?, enabledChunkLoadingTypes?, enabledLt?, filename?, globalObject?, hashDigest?, hashDigestLength?, hash
Function?, hashSalt?, hotUpdateChunkFilename?, hotUpdateGlobal?, hotUpdateMainFme?, library?, libraryExport?, libraryTarget?, module?, path?, pathinfo?, publifix?, strictModuleErrorHandling?, strictModuleExceptionHandling?,
trustedTypes?, umdNamedDefine?, uniqueName?, wasmLoading?, webassemblyModuleFil                                    -> Options affecting the output of the compe the compiled files to disk.

1.先检查是否下载好webpack模块，没有下载好的先装好，是不是有漏装的

cnpm install webpack webpack-cli html-webpack-plugin webpack-dev-server -D

2.检查配置生产环境 webpack.prod.js

找到publiscPath，看看为什么没配置对

仔细一看！！！原来是单词没拼写对！

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {// 入口entry:path.resolve(__dirname,"../src/index.js"),// 出口output:{// 打包后的文件名filename:"js/app.bundle.js",// 打包的输出目录path:path.resolve(__dirname,"../build"),// 会将上次打包的内容进行清理clean:true,// 指定引入文件的地址前缀publiscPath:"/"},// 插件配置plugins:[new HtmlWebpackPlugin({// 指定模板文件template:path.resolve(__dirname,"../public/index.html"),// 为引入的JS增加版本HASHhash:true,// 将JS放置在body尾部inject:"body",// 压缩HTMLminify:{// 去除注释removeComments:true,// 去除双引号removeAttributeQuotes:true,// 去除空格换行collapseWhitespace:true}})],// 指定模式为生产模式mode:"production"
}

解决办法：改过来就好啦~

 // 指定引入文件的地址前缀
publicPath:"/"

还有很多小伙伴在打包的时候还会出现其他的问题，比如：

vscode会自动联想！！！将plugins误写成Plugin，就会报错。修改过来即可

执行npm run build的时候报错怎么办？相关推荐

vue打包npm run build时候界面报错
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found), 解决 ...
删除node_modules文件夹后重新安装插件后执行npm run build报错问题的解决办法
这两周基于vue2.0+webpack开发了3个SPA,最开始在sublime text3中开发,文件结构如下图: 图1 后来怕文件丢失,想着尽块备份文件夹,于是改为使用webstrom(11.0.3 ...
npm run serve起项目报错node-sass not find
npm run serve起项目报错node-sass not find node-sass是开发中比较常见的依赖包,也是最常见见到的报错之一. 由于node-sass与别的依赖包不一样.而node- ...
vue项目执行npm run build 打包出现某些图片，字体，资源文件路径404，无法加载的问题
如图所示: 如果出现如图的错误.首先我们第一步是考虑进入dist文件夹里面的static文件夹正常情况下static文件夹是非常干净的如果你发现你的static文件夹出现了多余的img.fonts ...
解决 Angular 官网下载的库 Schematics 执行 npm run build 时遇到的编译错误
我在 Angular 官网下载的 library Schematics 例子,运行命令行 npm run build 时,遇到如下错误: npm run build my-lib@0.0.1 buil ...
npm run build命令运行后报错 npm ERR! missing script: build
打开vue项目中的package.json查看一下script的设置,是否如下图如果是的话,那么运行打包命令的时候要运行 npm run build:prod --report
el-amap 第一次正常第二次报错_flutter run: build tools revision 报错解决
今天启动flutter项目时,突然报错,错误如下: FAILURE: Build failed with an exception. * What went wrong: Could not dete ...
执行 npm install -g @vue/cli 报错
目录一.问题描述二.解决方案 1.升级npm 2.清理缓存 3.再次安装一.问题描述准备使用vue3.0初始化一个项目,在使用 npm install -g @vue/cli 安装过程出现了异 ...
RuoYi-Vue，执行npm run dev，报错“RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421”
执行npm run dev后,报错如下: INFO Starting development server... 98% after emitting CopyPluginERROR Failed t ...

执行npm run build的时候报错怎么办？

执行npm run build的时候报错怎么办？

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.configuration.output has an unknown property ‘publiscPath’.

当我们执行npm run build的时候出现以下错误，说明打包不成功。

我们只需要看前面的这两行，意思大概是无法配置对象。Webpack的初始化使用了不匹配的配置对象API模式。配置有一个未知的属性“publiscPath”。

1.先检查是否下载好webpack模块，没有下载好的先装好，是不是有漏装的

2.检查配置生产环境 webpack.prod.js

找到publiscPath，看看为什么没配置对

仔细一看！！！原来是单词没拼写对！

解决办法：改过来就好啦~

还有很多小伙伴在打包的时候还会出现其他的问题，比如：

vscode会自动联想！！！将plugins误写成Plugin，就会报错。修改过来即可

执行npm run build的时候报错怎么办？相关推荐

最新文章

热门文章