vue.js - Vue 应用程序不适用于生产版本,但适用于开发
问题描述
我正在制作一个应用程序,我发现,当我使用https://vuejs.org/js/vue.js(开发版)但不使用https://vuejs.org/时,我的 Web 应用程序运行良好js/vue.min.js(生产版)。
错误:
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
我怎样才能解决这个问题?
解决方案
您收到此错误是因为您尚未为项目设置生产模式。我想这是你第一次构建 webapp。
假设您使用的是 node + vue + npm。
这是解决方案:
- 例如,您应该有类似
config
文件夹的东西来拥有 dev.js 和 production.js。 - 然后你会选择你将使用的文件
process.env.NODE_ENV
。NODE_ENV
是你在 package.json 或你的终端上传递给你的脚本的一个变量。 - 在 production.js 你必须设置
mode: 'production'
- 每当使用 CI(管道)或手动部署时。你应该像这样运行脚本
build:production: node YOUR_CUSTOM_SCRIPT NODE_ENV=production
注意:YOUR_CUSTOM_SCRIPT 可能是 webpack 或构建应用程序所需的任何脚本。
参考:vuejs 中的生产模式
推荐阅读
- c# - 如何获得适合 2D 或 2.5D 精灵的对撞机
- linux - 为什么使用制表符缩进 if-else 会破坏 Makefile?
- javascript - 即使在操作成功执行后,React-Native 中的 Redux 状态仍为 null
- java - Nexus REST API 将 LDAP 用户映射到现有角色
- android - Gradle 无法解析 androidx.appcompat:appcompat:1.1.0-alpha01 和 com.google.android.gms:play-services-nearby:16.0.0
- reactjs - 获取 data.json 还原
- c# - 如何使用 in 参数直接调用带有 ref 参数的方法
- java - 将生成的图像打包到 Jar 中
- javascript - 角垫形式输入不抛出错误
- c++ - 如果按引用传递对象替换函数中的变量,它会调用复制构造函数吗?