使用vuecli3配置vux2热更新的问题

最新推荐文章于 2024-06-30 11:52:55 发布
最新推荐文章于 2024-06-30 11:52:55 发布
阅读量5k 收藏
点赞数
分类专栏： vux vue 文章标签： vue vux vuecli3 热更新 baseUrl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Honnyee/article/details/82378929
版权
vux 同时被 2 个专栏收录
23 篇文章 0 订阅
订阅专栏
vue
5 篇文章 0 订阅
订阅专栏

首先贴一下解决的代码

需要注意的是，我之前baseUrl都配错了，刷新的报错 “<”的错误，其实就是路径的问题，刷新后找不到文件

 

上次用vuecli3配置完后，可以使用，但是发现一个问题：居然不能热更新。

感觉是vue.config.js的问题，可是里面啥都没写

用vue ui看了下有没有什么提示，发现有个提示：

一看，果然热更新这部分有问题，但是怎么解决呢。

又想想是不是依赖、插件什么的有问题，于是把node_modules删了重新 npm install一遍，发现还是报这个问题

今天，翻了一下自己以前写的+网上的关于vue.config.js的配置，发现有个属性   runtimeCompiler ：指的是包含运行时编译器的 Vue 构建版本的意思。我把它设置成 true ，奇迹般的可用了！虽然这个WARN还是存在 ，现在的配置是

 

 

Honins
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue中使用vux配置代码详解
10-18
这里`airyland/vux2`是Vux的Vue CLI模板，`my-project`是你的项目名称。运行`npm run dev`后，项目会在本地启动一个热重载的开发服务器。 如果你已经有了一个Vue项目，想要引入Vux，那么可以按照以下步骤操作： 1....
vue-cli 项目热重载（热更新）失效的解决方法
我的米饭
11-04 8246
打开 node_modules 下的这个文件 sockjs-client\dist\sockjs.js
vue基于vue-cli4+版本开发 热更新失效问题
qq_34507902的博客
03-01 476
vue基于vue-cli4+版本开发 热更新失效问题
在Vue3项目中引入Vite进行热更新
最新发布
Java程序员专栏
06-30 605
完成以上步骤后，你的Vue3项目便成功使用了Vite进行热更新，你可以享受更高效的开发体验。在项目的根目录下创建一个名为`vite.config.js`的文件，准备配置Vite。Vite会自动启动开发服务器，并在文件发生变化时进行热更新，确保开发过程更加流畅高效。第五步：修改package.json脚本，使用Vite进行开发启动。第三步：在项目根目录创建一个vite.config.js文件。第一步：初始化一个Vue3项目，可以使用Vue CLI。第二步：安装Vite，使用npm或yarn。
vue-cli@5.x 页面正常加载，但无法热更新
qq_40147756的博客
07-22 926
vue-cli@5.x 页面正常加载，但无法热更新。
Vue 开启或关闭热更新
卡尔特斯
10-22 2万+
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件，需要手动创建。在 工程中， 默认是自动启动热更新。如果不想使用热更新，打开 文件，找到 （没有这个字段也需要新增），增加 ，默认情况下是没有这个变量的，如果需要取消热更新才添加。然后重启项目，配置才会生效......
vue-cli-浏览器实现热更新
ioncannontic的博客
03-14 734
vue-cli-浏览器实现热更新
Vue项目中使用Vux的安装过程
08-27
Vue项目中使用Vux的安装过程主要包括安装Vux、安装Vux Loader、安装Less Loader、安装YAML Loader、修改webpack配置和引入Vux模板这六步骤。通过正确地安装和配置Vux，我们可以快速地使用Vux的组件开发我们的应用...
Vue中使用vux的配置详解
08-30
vue init airyland/vux2 my-project ``` 3. 进入项目目录并安装依赖： ``` cd my-project npm install --registry=https://registry.npm.taobao.org ``` 4. 启动开发服务器： ``` npm run dev ``` 然而...
详解如何在你的Vue项目配置vux
08-27
在 Vue 项目中配置 VUX 需要安装 VUX 和 VUX-loader，添加 Less loader 和 VUX loader 到 Webpack 配置文件中，并在 Vue 组件中使用 VUX 组件。这样，我们就可以使用 VUX 组件快速构建移动端应用程序了。
vue之vue-cli4热更新
weixin_47409897的博客
05-06 1254
目录vue之vue-cli4热更新vue.config.jsonpackage.json vue之vue-cli4热更新 下载： yarn add --save-dev webpack-dev-server vue.config.json var path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: config
vue-cli3 热更新配置操作
10-14
主要介绍了vue-cli3 热更新配置操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用vue-cli搭建简单的vue+webpack热更新项目
crazy_jialin的博客
05-23 1万+
近年来，前端的发展速度惊人的快，要想跟上前端的进军速度，每时每刻都要学习。各种框架开发是相当流行，今天，带大家使用vue-cli搭建简单的vue+webpack热更新项目。 准备工作：你的电脑要安装node（自带npm），这一点就不多说了,作为前端必备，哈哈。 第一步：使用npm全局安装webpack和vue-cli（如果安装速度慢，可以使用cnpm淘宝镜像安装,直接百度就有） $ npm ...
vue项目无法热更新 问题解决
qq_44741577的博客
05-11 866
如果没有安装，可以使用以下命令进行安装。
vue3 Cli 热更新失效问题
_K500的博客
04-20 375
在vue.config.js 中加入以下配置，启动端口与 webSocket端口务必保持一致！在网上查找一番后，并未找到有效的解决方法，所以我决定试一试。1.浏览器控制台报错。
vue-cli基础知识及其常用配置详解，看完没收获来砍我
weixin_46769087的博客
12-09 3265
Vue CLI 是 Vue 的项目的一个开发工具，简单来说，可以快速生成一套基于Vue完整的前端框架，因此也称之为脚手架。（vue3中也可以使用vite作为全新的脚手架）Vue CLI 是构建在Webpack之上的，因此开发服务器和构建功能和性能都将是Webpack的超集。你也可以使用 vue config 命令来审查或修改全局的 CLI 配置是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被自动加载。
vue-cli3 热更新配置
热门推荐
weixin_39975379的博客
02-25 3万+
问题： 在使用vue-cli3搭建项目之后，发现修改.vue文件里面的内容之后，页面不会自动刷新。 解决方案： 只需要在vue.config.js文件中配置一下就可以实现热更新了，如下： chainWebpack: config =&gt; { // 修复HMR config.resolve.symlinks(true); }, 是的就是这么简单。...
vuecli3.0热更新失效问题解决
宠辱不惊，看庭前花开花落；去留无意，望天上云卷云舒
07-03 1万+
webpack的热更新可以说极大地提高了前端的开发效率，以下就是本人遇到的针对vuecli热更新失效的解决方法：1、检查控制台，编译的时候是否有警告，警告很可能导致热更新的失效2、vueCli3.0及以上的版本，注意不要用cnpm安装依赖包，要用npm...
新版本@vue/cli3.x 无法热更新问题
南思琼海
02-28 6621
关于这个问题， 我自己也测试了一些解决方案 我是使用 webstorm 开发 也尝试修改了 编辑器的配置项 但是毫无作用 我尝试了更新 @vue/cli , cli-service vue等东西但是也毫无作用 官方github中有此问题 issues 地址 ：https://github.com/vuejs/vue-cli/issues/3480 应用其中回答者给出的解决方案实测 使用yarn重...
vuecli3+vux 启动报错 ，没有配置vux-loader,报错信息Error: Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the 'use' property with arrays (at clonedRuleSet-41.loader: vux-loader!vue-loader)
07-11
要解决这个问题，您需要在Vue CLI 3的配置文件（vue.config.js）中添加vux-loader的配置。请按照以下步骤进行操作： 1. 首先，确保已经安装了vux-loader插件。您可以使用以下命令进行安装： ``` npm install vux...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值