vue2+webpack学习心（shen）得（keng）

weixin_33729196

于 2017-04-15 11:05:32 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack runtime ViewUI

原文链接：https://segmentfault.com/a/1190000009078985

本文介绍了如何正确导入Vue以避免vue-warn错误，并提供了解决Webpack热刷新失败的方法。通过修改Webpack配置文件，确保开发环境的稳定运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

更多shenkeng查看这里
1.直接引入import vue from 'vue' 报vue－warn错误
//如果直接使用import Vue from 'vue' 会对应引入dist/vue.runtime.common.js
// 因为package.json main对应dist/vue.runtime.common.js

解决办法是
import vue from 'vue/dist/vue.runtime.common.js'

或者webpack配置resolve

resolve:{
        alias:{
            'vue':'vue/dist/vue.js'
        }
    }

2.webpack-dev-server热刷新失败
webpack-dev-server --progress --colors --host 0.0.0.0 --port 8088 --content-base dist

module.exports={
   ....省略。。。
   devServer:{
        historyApiFallback:true,
        inline:true,
        hot:false //如果刷新不成功  就是用hot关掉
    },
  ....省略。。。
}