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

最新推荐文章于 2023-12-21 22:08:44 发布
原创 最新推荐文章于 2023-12-21 22:08:44 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue项目build后报错

本文介绍了解决Webpack在生产环境中部署时出现的问题的方法。通过修改build目录下的webpack.prod.conf.js文件中output配置，设置正确的publicPath路径，可以确保资源正确加载。

在build目录下的webpack.prod.conf.js里面：

output: {

    path: config.build.assetsRoot,

    publicPath: "/dist/", // 添加这行代码，可解决该问题或者publicPath: "./",也可解决

    filename: utils.assetsPath('js/[name].[chunkhash].js'),

    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

},

虫儿啊
关注
vue项目npm run build报错
hello917的博客
01-18 532
报错信息： building for production…Error processing file: static/css/app.df86e347a94aed52aa7bb0b865b3f053.css…吧啦吧啦一大堆，遇到这类信息不要慌！第一时间还是熟练的打开百度google面向浏览器编程???? 笔者并没有引入mui所以这个问题pass???? 终于找了好久 终于找到解决方案????即修改文件webpac...
vue-cli 脚手架执行npm run build 执行出错的问题
heartOfblack 离开了电脑，我不希望我还有病
04-26 5163
以下是打包的时候报错的地方。执行出错后，CSS都没有打包成功，加粗内容为重要内容 Asset Size Chunks Chunk Names static/js/app.83b1ad767b13508e5ebd.js 117 kB 0 [emitted] a
安装插件报错--npm run build 打包时，文件路径可能出错
hkduan的博客
03-15 3224
npm run build 打包时，文件路径可能出错。 在浏览器chrome中报错，路径错了。 可以修改vue.config.js，如果没有这个文件，可以手动添加，放在package.json同级 module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */ ...
Vue.js 项目build后路径问题
_程昊的博客
08-30 3267
Vue.js 项目build后路径问题执行npm run build 后再打开index.html发现引用的css和js出现了路径找不到的问题。 打开config/index.js 找到build：module.exports = { build: { env: require('./prod.env'), index: path.resolve(__
使用npm run build:prod 遇到的请求被重定向的问题
祈澈菇凉
03-01 1740
在vue的项目开发完成之后，需要使用npm run build 在本地的dist静态目录打开 index.html进行访问的时候 会发现这样的一个问题 Request method 'GET' not supported 打开F12 查看报错 可以发现 在登录的这个请求上 原本的post请求，被重定向成get 请求了，所以才会报错 那么 为什么在本地测试环境里面一些...
解决vue项目,npm run build后,报路径错的问题
10-14
总结，解决Vue项目`npm run build`后报路径错误的问题，主要涉及`webpack`配置中的`output.publicPath`、`config.index.js`中的`build.assetsPublicPath`以及正确处理CSS样式覆盖和资源引用。理解这些配置和技巧，能...
关于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 根据环境传递参数方法来打包不同域名
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 build:prod打包错误
爱吃Java的羊的博客
12-02 3045
解决方法：vue项目报错及解决npm run build:prod打包错误
问题解决：npm修改路径后获取vue信息出错，npm info vue 出错。
SueMagic
06-01 2883
问题解决：npm修改路径后获取vue信息出错。
Vue初始化项目时遇到的目录路径错误问题
小青柑的博客
09-07 9920
Vue命令行运行npm install、npm run dev遇到的问题 E:\程序开发\uni-app\RuoYi-Vue>npm run dev npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\程序开发\uni-app\RuoYi-Vue\package.json npm ERR! errno -4058 E:\程序开发\uni-app\RuoYi-Vue-New9.7>npm install WARN enoent ENOENT
npm run build 打包时遇到的一些坑
m0_51954294的博客
11-16 1818
nvm（NodeVersion Manager）是一款用于管理 Node.js 版本的工具，可以轻松地在一个系统中切换和安装多个 Node.js 版本。使用 nvm 可以让你轻松地升级或降级 Node.js 版本，也可以在同一台机器上同时使用多个版本的 Node.js。
Vue-cli3和Vue-cli4打包 npm run build 路径错误解决办法(亲测管用)
wzg0817的博客
07-29 2137
– Vue-cli3打包 npm run build 路径错误解决办法 我们用vue-cli搭建的项目执行npm build后本地打开页面空白，如何才能查看npm run build之后的结果呢。 我们先看一下提示信息： Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 这段话的意思就是说：构建文件务必放在一个HTTP服务器。直接打开i.
解决vue-devtool执行npm run build报错问题
sinat_34849163的博客
07-12 6251
1.问题 Vue官方下载vue-devtool工具–此时最新版本为5.3.4，下载zip即可–并执行命令，遇见各式问题。 npm i npm run build 2.解决 1）更新nodejs 建议小伙伴们安装一下nvm(nodejs的版本管理工具)，下载最新的LTS版(长期支持版)。若与遇安装失败问题，参考文档:nvm安装nodejs失败解决 修改registry npm config set registry http://registry.npm.taobao.org/ 2）webpack安装失
vue项目npm run build报错npm ERR! missing script: build（已解决）
最新发布
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
12-21 3546
vue项目npm run build报错npm ERR! missing script: build（已解决）
npm run build 打包项目，图片等资源使用相对路径会出现路径错误的问题
weixin_30628077的博客
08-12 933
在build下的utils.js中，3使用 ‘vue-style-loader’ 依赖的地方添加 publicPath: '../../' ， 如图： 转载于:https://www.cnblogs.com/week-1/p/9465386.html
vue build 后资源路径不对
热门推荐
令瑞斌
10-14 1万+
vue 打包后资源路径不对，本质是配置错误。在index.js中，要分开配置build 与dev时的路径。 图上是我的资源目录，图下是我的配置文件dev 下，不需改动配置，run dev 即可。 build时，将assetsPublicPath 的路径换成服务器上对应的根目录。 如我的项目在服务器上路径为XXx.hive.cn/vue/ 。直接访问XXx.hive.cn/vue/index.
vue项目 build之后外部修改请求地址
白大美的程序日志
05-06 1577
由于项目的请求地址非常多，总监又不太希望配置环境变量去每次build，所以想打包完外部修改，避免多次打包 当时这个需求给过来的时候有点蒙，毕竟做了三年的vue项目，一直都是配置环境变量在内部去做的打包区分 but，刚入职，一开始拒绝总是不好的，就本着先答应试试看的姿态去查了一下 发现，原来这个早就有了解决方案，真的是积累不够，狂扇自己几个耳光 话不多说，我先上我的代码，亲测好用的 ...
webpack+vue-cli2修改部署后的请求路径
jiajiaranbaobao的博客
02-25 1789
在vue日常开发中,本地环境和线上环境的请求接口不同,如果频繁切换,显得不是那么优雅哈,所以,通过webpack的配置,实现不同环境请求不同地址.以下有三种方式,一种是写死地址,打包之后不可修改,另一种是,可根据打包生成的json文件,自由修改地址,第三种是获取当前地址,拼接请求接口. 方法一 在config文件夹下的dev.env.js文件中这样写: 'use strict' const m...
vue项目中npm run build后面如何配置参数
07-27
在Vue项目中，你可以通过修改`package.json`文件中的`scripts`部分来配置`npm run build`命令的参数。 1. 打开项目的根目录，找到`package.json`文件。 2. 在`scripts`对象中，找到`build`属性。该属性对应的值是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值