vue项目npm run build报错

最新推荐文章于 2025-05-21 14:19:53 发布

原创最新推荐文章于 2025-05-21 14:19:53 发布 · 532 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript #vue.js

本文解决了Webpack在生产环境中构建CSS文件时出现的错误问题，通过修改webpack.prod.conf配置文件成功修复，为开发者提供了解决方案。

报错信息：
building for production…Error processing file: static/css/app.df86e347a94aed52aa7bb0b865b3f053.css…吧啦吧啦一大堆，遇到这类信息不要慌！第一时间还是熟练的打开百度google面向浏览器编程🌚

在这里插入图片描述笔者并没有引入mui所以这个问题pass😕

终于找了好久
终于找到解决方案😀 在这里插入图片描述即修改文件webpack.prod.conf

ok 完成✅

日后再研究为啥会出现这个问题最近好忙啊啊啊啊啊啊🥺

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蔬菜_

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue打包npm run build时候界面报错的解决

11-20

用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)，解决方案：方案一：找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二：或者把index.html文件中的路径/去掉；下面是去掉后的，可以参考下成功了！补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键打开cmd 执行 npm install 然后再执行 npm ru

解决vue项目运行npm run serve报错的问题

01-18

先来一张报错的截图先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin

参与评论您还未登录，请先登录后发表或查看评论

MCP Server开发使用Pixabay网址搜索图片

最新发布

闰土的博客

05-21

506

MCP 本质上是为 AI 大模型提供调用外部工具的能力，MCP Server 就是这个能力的具体实现——你可以通过它，把你已有的 API、脚本、服务包装成 AI 能理解和调用的 MCP 工具。我们就以获取图片为例来创建一个 MCP Server，让 AI 根据自然语言来获取图片网站上的图片，比如 Pixabay 图片网站，它就提供了 API 可以让外界来搜索图片。注意这里args一定要配置正确的MCP Server开发的node.js的本地路径。8.根目录创建 tsconfig.json 文件，内容如下。

vue项目npm run build报错npm ERR! missing script: build（已解决）

12-21

3550

vue项目npm run build报错npm ERR! missing script: build（已解决）

vue项目 npm run build 出现如下报错： import/no-unresolved

m0_37680500的博客

08-17

1279

npm run build 编译时，报eslint import/no-unresolved的错误，解决办法 error Unable to resolve path to module '@/assets/images/wx_logo_icon.png' import/no-unresolved

vue项目，npm run build后，报路径的错

ruanxinjie的博客

09-05

1622

在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者publicPath: "./",也可解决 filename: utils.assetsPath('js/[name].[chunkhas...

vue项目打包npm run build报错

weixin_43928792的博客

07-27

1238

vue项目打包报错

vue中Npm run build 根据环境传递参数方法来打包不同域名

12-12

使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改：新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...

关于vue的npm run dev和npm run build的区别介绍

10-17

在Vue项目中，我们经常会遇到两种常用的npm脚本命令：`npm run dev`和`npm run build`。这两个命令分别用于启动开发服务器和构建生产环境的应用程序。下面详细介绍一下这两个命令的区别。 1. npm run dev `npm run ...

vue中npm run build打包报错

w15635748705的博客

05-15

3793

vue项目在npm run build 的时候报错错误信息如下： Error: Rule can only have one resource source (provided resource and test + include + exclude) in {} ..... 这是直接采用最暴力的方法，这是一个webpack兼容性的问题： // 首先将项目中的 node_modules 文件删除 // 然后将 package-lock.json 文件删除 // 最后在 package.json

vue打包：npm run build报错npm ERR, missing script: build

cat91的博客

01-19

2919

今天准备部署项目到服务器，打包前端vue项目时报错如下 D:\IdeaProjects\HN\lms>npm run build npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Q\AppData\Roaming\npm-cache\_logs\2022-01-19T02_27_23_756Z-debug.log 寻找pack..

vue打包npm run build报错

qq_43588387的博客

12-04

9596

vue打包npm run build报错：近期领导要求用vue做一个项目，最近在研究和学习vue，在项目打包时一直报错，这个问题困扰了好久，尝试了很多网上办法，但都没有用电脑每次开机首次执行npm run build 可以打包成功，但再次执行就又报以上的错，路径都没有问题，但就是报错最后发现 —删除之前打包的文件夹 —关闭浏览器重新 npm run build 问题就解决了，不知道是不...

vue打包npm run build时候界面报错

aeo41593的博客

02-28

361

方法1：找到config里的index.js,打开修改assetsPublicPath 为“./” 方法2：把index.html文件中的路径/去掉；转载于:https://www.cnblogs.com/loveAline/p/10450696.html...

【Vue】npm run build 打包报错：请在[.env.local]中填入key后方可使用...

weixin_47375144的博客

03-01

777

.env.local 配置

vue项目报错及解决npm run build:prod打包错误

爱吃Java的羊的博客

12-02

3047

解决方法：vue项目报错及解决npm run build:prod打包错误

vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件

weixin_33815613的博客

10-10

441

写在前面： npm run build 是vue-cli用来打包项目的命令行，本文是关于vue-cli打包的一些常见的坑，会尽量详细的写每个步骤，大家可以一边看着文章，一边打包试试。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。初始化一个项目：这里初始化一个项目，因为导致打包错误的原因多种多样，避免因为其他设置错误干扰，从头开始打包整体步骤也会更加清晰。命令行...

Vue项目中npm run build 卡住不执行的几种情况(实战版)

在北风吹起的时候加入我们的队伍在秋雨到来的时候成为彼此的温暖

05-26

3821

一：比较常见是镜像导致的原因我们可以找到build/check-versions文件将这段代码注释,重新运行就可以解决这个问题。组件1中 import from ‘@/views/compontent/popup2’组件2中 import from ‘@/views/compontent/popup3’组件3中 import from ‘@/views/compontent/popup1’导致项目编译进入了死循环。

vue项目，运行npm run build时，报错

Alway_lucky的博客

10-17

1693

1 项目运行npm run build 进行项目打包时，出现错误，错误如下访问对应的目录，并没有看到该文件，后续发现，xftp文件传输软件打开着（把本地的文件更新到服务器上的一个软件），关闭之后就能正常运行。 ...

npm run build 打包报错 - 添加 parallel: false, 解决

工作中遇到问题记录

09-22

2420

npm run build 打包报错 - 添加 parallel: false, 解决

vue使用命令npm run build报错

05-05

可以尝试以下方法解决： 1. 确认已安装最新版的Node.js和npm，可以通过运行`node -v`和`npm -v`来检查版本。 2. 删除项目中的`node_modules`文件夹和`package-lock.json`文件。 3. 运行`npm cache clean --force`清除npm缓存。 4. 运行`npm install`重新安装依赖。 5. 尝试运行`npm run build`，如果还是报错，可以查看报错信息，尝试根据报错信息解决问题。如果以上方法都无法解决问题，可以提供更详细的报错信息和相关代码，便于排查问题。