VUE-CLI Vue安装及开发，npm run build无法查看项目的问题

最新推荐文章于 2023-12-07 17:07:32 发布
最新推荐文章于 2023-12-07 17:07:32 发布
阅读量536 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heitiaobaicai/article/details/80118416
版权

npm run build小编我报下图的错误，一脸蒙。


查资料之后，config/index.js  ‘/‘修改为‘./‘




网上都是这么改的。之后小编发现有些静态资源不能访问，请求404.默默的又查了一些资料


找到了build下面的util.js文件，添加了一行代码，继续重新npm run build


最后 

GET http://localhost:63342/static/js/7.2812bb3a7209ba675ee4.js net::ERR_ABORTED

Loading chunk 7 failed.


解决方案



z_黑桃白菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue CLI配置与安装
zhuerla的博客
08-15 8755
Vue CLI配置与安装--Element UI引用--Vant引用
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
今天小编就为大家分享一篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于npm安装vue-cli错误问题
01-08
关于npm安装vue-cli错误问题 问题描述 npm ERR! { Error: EPERM: operation not permitted, unlink ‘C:\Users\GXP300\AppData\Roaming\npm\node_modules.staging\typescript-886383bb\lib\tsserverlibrary.js’ npm ERR! errno: -4048, npm ERR! code: ‘EPERM’, npm ERR! syscall: ‘unlink’, 主要针对这类错误问题解决方法 解决方法 1、
vue项目报错vue-cli-service: command not found
最新发布
大圣归来圣骑士清欢的博客
12-07 8867
vue如何配置环境变量
vue-cli2.9.6 build项目无法访问资源 & 无法访问elementUI字体
夏2同学的博客
12-11 274
build后资源无法访问 根目录下面 /config/index.js assetsPublicPath改为 ‘./’ elementUI字体无法访问 /build/utils.js 添加 publicPath:'../../'
vue 在 webstorm中使用webpack build 之后的dist文件访问不了如何解决？
sunshu123456的博客
06-10 1475
vue 在 webstorm中使用webpack build 之后的dist文件访问不了如何解决？dist文件访问不了如何解决？1、安装express-generator生成器2、创建一个express项目3、进入expressDemo目录，安装项目依赖4、把dist目录下的所有文件复制到express项目的public文件夹下 dist文件访问不了如何解决？ 1、安装express-generator生成器 执行 $ npm install express-generator -g 进行安装 2、创建
解决vue项目,npm run build后,报路径错的问题
11-20
在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者...补充知识：vue项目打包后，npm run build相关配置，以及解决
用npm安装vue和vue-cli,并使用webpack创建项目的方法
10-17
本文将详细介绍如何使用npm安装Vue.js和Vue CLI，并通过Webpack创建项目。首先，确保你的npm版本大于3.0，因为更低版本可能不支持某些功能。你可以通过在命令行输入`npm -v`来检查当前版本。如果版本过低，可以使用`...
基于vue-cli npm run build之后vendor.js文件过大的解决方法
01-21
vue-cli npm run build命令默认把dependencies中的依赖统一打包，导致vendor.js文件过大，出现首屏加载过于缓慢的问题。 解决方案 像vue、axios、element-ui这些基本上不会改变的依赖我们可以把它们用cdn导入，没有...
vue项目build打包后，静态和服务器访问效果出不来，icon图标无法加载？过来我教你
Mgf_Yzy的博客
08-28 1619
今天遇到一个令人很头疼的问题，vue项目build之后，静态资源和服务器端访问空白，啥效果都没有，最后无奈只好查百度，找方法，正当我放弃的时候，突然找到了救心丸 来，直接上图 好不容易打包好的文件，结果给我报一堆错，难怪页面出不来 当页面出不来时，可能是你的路径不对 查原因是因为绝对路径的原因：你的config文件夹中的index.js文件，里面的build代码块路径是这样的 这里的assetsPublicPath路径是根路径，静态资源当然是访问不到的，修改后是这样的，及那个绝对路径改为相对路径就好了
命令行工具执行vue ui可视化界面报Error: spawn cmd ENOENT错误非端口占用问题
01-08
命令行工具执行vue ui可视化界面报Error: spawn cmd ENOENT错误非端口占用问题 问题如图所示，抱着有事没事就百度的求学态度，得知是端口占用问题 ，在使用命令netstat -ano查看所有程序的端口时，并没有发现8000被占用（就不放图了），然后node -v，npm -v查看了一下node与npm版本，没有问题，打开环境变量查看了一下path，也没有问题（安装Node时会自动安装npm，然后自动帮你配好环境）。 最终发现是用户变量的path没有配置C:\Windows\System32， 说实话，咱也没明白为啥，就引用一段话吧，有兴趣的同志可以自行查看。 “这个
vue-cli系列之vue-cli-service整体架构浅析
12-07
概述 vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要内容以备注形式写到代码中。）。 关键代码 vue-cli-service.js const semver = require('semver') const { error } = require('@vue/cli-shared-utils') const requiredVersion = require('..
npm install 404问题
热门推荐
weixin_50096821的博客
10-02 1万+
这个时候我们再安装npm包，比如npm install create-vue，这个时候报了。当我们在安装npm上的包时，明明看到npm上是有包的，但是安装的时候却报了。这个问题大概率是由于我们设置了。的问题，比如是淘宝镜像或者是我们的其他代理。
Vue--解决build静态资源后无法直接访问问题
随便写写
07-08 6463
问题原因，打包之后访问路径错误，index.html打开是空白， F12报错找不到引用文件，一看引用在了根目录（文件所在盘，如：C盘、E盘） 解决 步骤1，修改使用路由方式 将路由从history换成hash const router = new VueRouter({ mode: "hash", base: process.env.BASE_URL, routes }); 步骤2，修改使用配置文件 // vue.config.js module.exports = { // 解决
Vue-cli 安装使用详细教学
gz775的专栏
07-07 2662
一:安装 设置npm的淘宝镜像: npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址 npm config get registry #查看镜像地址 全局安装命令: npm install -g @vue/cli 注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装，换一个网络环境来继续重新安装。检查是否安装成功 在任意小黑窗中：vue --version 如果可以看到版本号，就表示安
Error while running task H:\VUE\:serve with message‘spawn vue-cli-service ENOENT‘
ll回家了
08-14 1076
表示node_modules里面的插件没有安装好 导致无法启动这个程序 需要重新安装npm install 安装完成后重新打开项目运行就可以了
Vue报错：Error while running task D:\vue\forum:build with message‘spawn vue-cli-service ENOENT‘
XRT_knives的博客
11-24 1551
Vue报错：Error while running task D:\vue\vueforum\forum:build with message’spawn vue-cli-service ENOENT’ 解决办法： 将之前已有项目的node_modules文件夹copy至新的vue工程文件夹中、 run vue task的项目报错：Error while running task C:\IT\xxxxxx:serve with message‘spawn vue-cli-service .
解决vue项目build之后部署到服务器访问的时候出现报错：Uncaught SyntaxError: Unexpected token ‘＜‘ chunk-vendors:XXXXXX
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-21 7496
NgModule({... imports: [RouterModule.forRoot(routes, { useHash: true })],//使用hash网址模式...})Angular如何实现hash模式网址_←你挚爱的强哥→的博客-CSDN博客。扩展阅读→Angular如何实现hash模式网址。如果还是不行就把模式改成hash。第一种情况修改下面这个位置。hash模式下网址形如。
vue cli运行错误Error spawn cmd ENOENT
d1315515039的博客
07-21 937
在我搭建vue环境全部完成后，git运行vue ui出现以下错误 Error spawn cmd ENOENT 解决方案 用户变量加入 cmd 所在路径 在PATH中加入新建加入 %SystemRoot%\system32; C:\Windows\System32 参考方案
vue-cli-service build与npm run build区别
08-19
- *2* [解决Vue-cli npm run build生产环境打包,本地不能打开的问题](https://download.csdn.net/download/weixin_38710566/13665391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值