如何修复'npm run build‘之后的空白网页 - 腾讯云开发者社区

文章/答案/技术大牛

发布

使用npm run build:prod 遇到的请求被重定向的问题

在vue的项目开发完成之后，需要使用npm run build ?...在本地的dist静态目录打开 index.html进行访问的时候会发现这样的一个问题 Request method 'GET' not supported ?...打开F12 查看报错可以发现在登录的这个请求上原本的post请求，被重定向成get 请求了，所以才会报错 ?...那么为什么在本地测试环境里面一些正常的项目使用了npm run build:prod 打包之后就会出现了问题哩？

1.6K1 0

【说站】解决vue项目在npm run build打包的时候报错

使用vue项目在npm run build 的时候报错，上网搜了一圈，发现了这个教程，分享给大家。...这是直接采用最暴力的方法，这是一个webpack兼容性的问题： // 首先将项目中的 node_modules 文件删除// 然后将 package-lock.json 文件删除// 最后在 package.json... 中搜索到 devDependencies// 修改里面的webpack版本为：^4.23.0不行的话修改为 ^4.0.0// 这里需要注意 node-sass 和sass-loader 版本// 我的:... npm i sass-loader@7.1.0 --save-devnpm i node-sass@4.14.0 --save-devNode: v14.15.0 (LTS)地址：https://nodejs.org

2.5K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Vue项目npm run build卡主不动没反应的问题解决

D:\vue\w3h5>npm run build > w3h5@1.0.0 build D:\vue\w3h5 > node build/build.js 尝试更新 npm ： npm install... -g npm 好像也是治标不治本，反而 npm 和 node 版本不一致，也会导致各种问题。...于是把电脑 Wi-Fi 连接的 5G 热点切换成的 2.4G ，它居然神奇的动了！打包成功，也可以尝试更换网络环境。...顺便说一句，联通网络最近好像有点问题，在家的时候 git clone 经常超时，现在回小区了，又出现 npm 网络超时。不知是因为防火墙封锁了 git 和 npm ，还是联通网络最近确实不正常。...声明：本文由w3h5原创，转载请注明出处：《Vue项目npm run build卡主不动没反应的问题解决》 https://www.w3h5.com/post/475.html 本文已加入腾讯云自媒体分享计划

10.1K2 0

mac解决最新vue-tools的npm run build一直失败问题！最新！mac！不坑你！

网上的教程全都是windows，旧版的，一个能用的都没有，我去https://github.com/vuejs/vue-devtools克隆下来但是按照网上的教程一直失败，失败如下图 npm ERR!...code ELIFECYCLE npm ERR! errno 1 npm ERR!...vue-devtools@5.3.3 build: `cd packages/shell-chrome && webpack --progress --hide-modules` npm ERR!...Exit status 1 npm ERR! npm ERR! Failed at the vue-devtools@5.3.3 build script. npm ERR!...不仅因为cnpm快，其他两个命令安装都会失败然后运行npm run build v5.1.1结果如下（我装的这个，当然也可以装master更好） master(4.1.5)结果如下：

1.1K1 0

SAP MM 系统如何确定MRP RUN之后触发的采购申请的单据类型？

Plant/MRP Group组合确定了 MRP RUN之后触发的普通采购的采购申请单据类型，分包采购的采购申请单据类型，STO的采购申请单据类型等。 2015-08-07 写于上海市闸北区

2.7K2 0

Mac OS X和Linux下的微信客户端:Electronic WeChat

网页版微信是其中重要的一部分，但请注意这是一个社区发布的产品，而不是官方微信团队发布的产品。这个应用仍在开发中。主要在OS X下测试，Linux下亦可使用。...和邮件拖入图片、文件即可发送群聊 @ 提及成员原生应用体验，未读消息小红点、消息通知等数十项优化去除外链重定向，直接打开淘宝等网站没有原生客户端万年不修复的bug Electronic WeChat...网页版微信客户端能够显示贴纸消息原生应用的体验，独立于浏览器 OS X中的dock未读消息计数和消息通知直接打开微信重定向的链接 (如 taobao.com) 如何使用在下载和运行这个项目之前，... install && npm start 根据你的平台打包应用: npm run build:osx npm run build:linux npm run build:win 提示: 如果 npm...网页版微信是其中重要的一部分，但请注意这是一个社区发布的产品，而不是官方微信团队发布的产品。 Github地址：点我进入官方使用方法:点我进入下载开箱即用的稳定版应用

5K10 0

Ubuntu 16.0418.04 安装和使用QQ和微信最简洁的方式

应用特性 (更新日志) 来自网页版微信的更现代的界面和更丰富的功能阻止消息撤回显示表情贴纸 [?]...Facebook、Twitter、Evernote 和邮件拖入图片、文件即可发送群聊 @ 提及成员原生应用体验，未读消息小红点、消息通知等数十项优化去除外链重定向，直接打开淘宝等网站没有原生客户端万年不修复的...bug 如何使用在下载和运行这个项目之前，你需要在电脑上安装 Git 和 Node.js (来自 npm)。...install && npm start 根据你的平台打包应用: npm run build:osx npm run build:linux npm run build:win 提示: 如果 npm...网页版微信是其中重要的一部分，但请注意这是一个社区发布的产品，而不是官方微信团队发布的产品。

6.8K2 0

Ubuntu 16.0418.04 安装和使用QQ和微信最简洁的方式（2019.10.28更新）

如何安装？...Facebook、Twitter、Evernote 和邮件拖入图片、文件即可发送群聊 @ 提及成员原生应用体验，未读消息小红点、消息通知等数十项优化去除外链重定向，直接打开淘宝等网站没有原生客户端万年不修复的...bug 如何使用在下载和运行这个项目之前，你需要在电脑上安装 Git 和 Node.js (来自 npm)。...install && npm start 根据你的平台打包应用: npm run build:osx npm run build:linux npm run build:win 提示: 如果 npm...网页版微信是其中重要的一部分，但请注意这是一个社区发布的产品，而不是官方微信团队发布的产品。

2.6K2 0

安装一个基于 Github 的静态图床程序

基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具。无需下载与安装，网页端在线使用！免费！稳定！便捷！极速！...图床如何使用文档中标注的很清晰，我就不赘述了，本文只介绍如何编译打包，面向群友。 ---- 过程很简单，需要提前准备好node环境。...# 安装依赖 # 这个过程因为网速问题可能比较慢 npm install #or yarn 依赖安装之后，就开始构建。...# 构建 npm run build # or yarn build 构建完成之后就会生成一个 dist 文件夹，这就是打包好后的文件，里面有一个 index.html 和其他静态资源。...或者你自己上传到任何你想放的空间下都可以，没有限制~~ 图床如何使用对着文档琢磨即可，上面写的很详细。

6603 0

记录 | 元素周期表的开源网页

需求：元素周期表的网页 Literature Review（网上冲浪）在全球最大的同性交友网站上搜索了一番之后，我锁定了如下项目： kadinzhang/Periodicity 实现（使用）首先分析源码...（不过之前没碰过Vue，所以使用传统的猜测API大法进行修改）首先，二话不说，先： cnpm install Bash 复制注：使用cnpm的淘宝源只是为了快一点然后 npm run build...Bash 复制 npm run start Bash 复制编译项目，启动项目。...目录扔到服务器上去的话，我们会发现加载不出，即，空白页。...按照自己的情况配置即可，这里我由于需要速度优化，就直接把生成的static文件扔到了腾讯云COS上面。做完这些之后，我们build一把再上传文件到VPS，可以发现解决了大部分问题。

1.5K1 0

ASP.NET Core知多少（6）：VS Code联调Angular + .NetCore

引言最近在看《程序员的成长课》，讲到程序员如何构建技能树，印象深刻。作为一名后台开发的程序员，深感技能单一，就别说技能树了。...近几年，前端框架大行其道，Web开发已经是一个不容忽视的大趋势，在这个趋势下对前端框架一无所知，显然是要淘汰的。所以决定拾起前端，选择学习Angular来弥补自己的前端空白。...第一次运行时，我们先执行dotnet build来验证项目能否正确构建，它会恢复npm依赖，可能会耗时几分钟，npm依赖安装完毕后，以后再次运行就很快了。...但是我们该如何联调Angular代码呢？这就是本节的重点了。我们需要修改下我们的launch.json了。...有的，我们再添加一个.Net Core Launch (console)的调试任务，这个调试任务就不会启动网页窗口。

2.3K8 0

一天一夜，山月写完了这份高效组织 npm script 最佳实践

生成的项目，它的 npm script 中只有 npm run dev { "dev": "vuepress dev", "build": "vuepress build" } 在一个「面向服务端...即需要先 npm run build 一下，再 npm run dev/npm start)」。..."build": "webpack", // 设置一个 dev 的钩子，在 npm run dev 前执行，此处有可能不是必须的 "predev": "npm run build",...npm run pre post 在工作中，这些钩子与内置的命令为项目提供了简便的操作方式，也提供了更安全的项目操作流程装包之后...npm audit 可以发现项目中的风险库，并使用 npm audit fix 进行修复。然而美中不足，npm audit 的精准度没有 yarn audit 高。

2.8K2 0

Vue 全家桶 + Electron 开发的一个跨三端的应用

with hot reload at localhost:8080 npm run start # build for production with minification 打包 npm run...build # build for production and view the bundle analyzer report npm run build --report # run unit...tests npm run unit # run e2e tests npm run e2e # run all tests npm test # 打包 Mac 应用 npm run build...:mac # 打包 Linux 应用 npm run build:linux # 打包 Win 应用 npm run build:win # 打包 Cordova 应用 npm run build...运行项目 cordova run ios cordova run android Cordova 只生成了一个壳的 app，里面具体的内容还是读取的网页，在生成的对应的应用里面有一个

2.9K7 0

Docker镜像优化：从1.16GB到22.4MB

安全性：容器对进程进行了严格的限制和隔离，而无需用户进行任何配置。在这篇文章中，我将重点讨论如何优化 Docker 镜像以使其轻量化。...RUN npm install -g webserver.local RUN npm install && npm run build EXPOSE 3000 CMD webserver.local...COPY app /app RUN npm install -g webserver.local RUN npm install && npm run build EXPOSE 3000 CMD...WORKDIR /app COPY app /app RUN npm install -g webserver.local RUN npm install && npm run build EXPOSE...FROM node:10-alpine AS build WORKDIR /app COPY app /app RUN npm install && npm run build FROM nginx

1.1K3 0

electron套壳vue2项目

剧情回顾最近lender提了个需求，说最近项目可能要变动一下，把网页端变成桌面端，小手一挥，博主就开始库库的找。奈何网上教程一大堆，但是没找到一个对版的，不是安装过程有错，就是执行命令过程失误。...run dev 命令，等待vue服务器打开这里注意，要确定好本地服务器的地址，一定要与 background.js 里 loadURL 函数的地址对上 npm run dev …… App running...To create a production build, run npm run build....服务器打开后，在在命令行2中执行 npm run start 命令开启应用，效果图如下所示 npm run start 生产环境打包和开发环境一样，打开两个命令行，先在命令行1中执行 npm run...npm run build 打包完成后，在命令行2中执行 npm run make 命令，将vue打包成应用程序。

1.5K1 0

Docker镜像优化：从1.16GB到22.4MB！

安全性：容器对进程进行了严格的限制和隔离，而无需用户进行任何配置。在这篇文章中，我将重点讨论如何优化 Docker 镜像以使其轻量化。...RUN npm install -g webserver.local RUN npm install && npm run build EXPOSE 3000 CMD webserver.local...app /app RUN npm install -g webserver.local RUN npm install && npm run build EXPOSE 3000 CMD webserver.local...FROM node:10-alpine AS build WORKDIR /app COPY app /app RUN npm install && npm run build FROM node:...FROM node:10-alpine AS build WORKDIR /app COPY app /app RUN npm install && npm run build FROM nginx

1.6K2 0

浅入深出Vue：发布项目

项目完成之后，当然不能满足于在我们的开发环境下跑一跑。我们可以打包发布到服务器上，让大家一起来欣赏一下你的作品。...# firstpage ## Project setup npm install ### Compiles and hot-reloads for development npm run serve...### Compiles and minifies for production npm run build ### Run your tests npm run test ### Lints and...这里描述了常用的指令，我们需要的那一条就是： npm run build 这运行这一条命令就可以将项目打包成一个 dist 目录，里面只有静态 html 和 js 文件。...打包 npm run build 运行上面的命令，运行完成后就可以看到项目的根目录下面多了一个 dist 目录： ? 打开我们可以看到一个 index.html，但是你直接打开是一片空白的。

7521 0

vue-cli 解决白屏、兼容、压缩及清除console

打包白屏描述 npm run build打包后，生成 dist文件夹。从该文件夹打开 dist/index.html页面，发现页面空白，且控制台报错。原因是路径配置有问题。...IE白屏描述在打包完成之后，如果是pc项目，或者移动端低版本兼容项目，则会有许多问题，其中白屏问题困扰着很多开发者，在安卓4.0、IE多个版本环境中体现的尤为别致。...run build，打开 dist/index.html验证，console全部清除。...方案安装插件 npm install compression-webpack-plugin --save-dev 配置 vue.config.js中的configureWebpack // 压缩css.../src/main.js']; // 修复HMR config.resolve.symlinks(true); // //修复 Lazy loading

5.2K4 0

Vue+ElementUI 搭建后台管理系统（实战系列八）

---- Vue+ElementUI 搭建后台管理系统（实战系列八）-打包部署到服务器的问题 vue-element-admin里面使用npm run build:prod打包步骤 1：打开 .env.development...run build:prod命令进行打包后白屏的问题会出现这样的情况生成了一个静态的文件夹打开index.html的时候，会出现页面空白的问题，打开F12查看一下这是为啥，会发现这些文件的路径访问不到...'/' : './', 注释掉 //publicPath: './', 5:重新执行命令，npm run build:prod，即可使用npm run build:prod 遇到的请求被重定向的问题...在vue的项目开发完成之后，需要使用npm run build 在本地的dist静态目录打开，index.html进行访问的时候，会发现这样的一个问题。...那么，为什么在本地测试环境里面一些正常的项目，使用了npm run build:prod ，打包之后，就会出现了问题哩？

1.2K2 0

Docker 镜像优化：从 1.16GB 到 22.4MB

运行 npx 命令并创建 Dockerfile 之后，我们得到了如图 1 所示的文件结构。...run build EXPOSE 3000CMD webserver.local -d ....app /appRUN npm install -g webserver.localRUN npm install && npm run build EXPOSE 3000CMD webserver.local...FROM node:10-alpine AS buildWORKDIR /appCOPY app /appRUN npm install && npm run build FROM node:10-alpineWORKDIR...buildWORKDIR /appCOPY app /appRUN npm install && npm run build FROM nginx:stable-alpineCOPY --from=

8143 0

点击加载更多

使用npm run build:prod 遇到的请求被重定向的问题

【说站】解决vue项目在npm run build打包的时候报错

Vue项目npm run build卡主不动没反应的问题解决

mac解决最新vue-tools的npm run build一直失败问题！最新！mac！不坑你！

SAP MM 系统如何确定MRP RUN之后触发的采购申请的单据类型？

Mac OS X和Linux下的微信客户端:Electronic WeChat

Ubuntu 16.0418.04 安装和使用QQ和微信最简洁的方式

Ubuntu 16.0418.04 安装和使用QQ和微信最简洁的方式（2019.10.28更新）

安装一个基于 Github 的静态图床程序

记录 | 元素周期表的开源网页

ASP.NET Core知多少（6）：VS Code联调Angular + .NetCore

一天一夜，山月写完了这份高效组织 npm script 最佳实践

Vue 全家桶 + Electron 开发的一个跨三端的应用

Docker镜像优化：从1.16GB到22.4MB

electron套壳vue2项目

Docker镜像优化：从1.16GB到22.4MB！

浅入深出Vue：发布项目

vue-cli 解决白屏、兼容、压缩及清除console

Vue+ElementUI 搭建后台管理系统（实战系列八）

Docker 镜像优化：从 1.16GB 到 22.4MB

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐