webpack打包问题

最新推荐文章于 2024-09-21 11:29:05 发布
最新推荐文章于 2024-09-21 11:29:05 发布
阅读量109 收藏
点赞数
分类专栏： webpack打包问题 文章标签： vue.js node.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41929029/article/details/103594371
版权

webpack打包vue项目时总出错，报错是TypeError: Cannot read property ‘vue’ of undefined

在运行 npm run dev时能成功打包，但是运行webpack时就会爆出上述的错误

其实这就是webpack版本的问题，只需将webpack的版本降低就解决了，webpack高版本还存在兼容问题，^4 和^3都有兼容问题。
运行如下代码降低版本就可以了
cnpm install webpack@2.4.1
花了好多时间在找这个问题上，希望大家看到这个文章可以少花点时间在这上
weixin_41929029
关注
专栏目录
webpack 打包入门
gdutRex的博客
07-05 196
webpack入门 今天打算学习下webpack打包工具，结果发现挺多坑的 版本问题 因为之前使用过webpack，所以用的是旧版本，但是打包的时候发现识别不了webpack和npx webpack这2个命令行，我怀疑是版本问题，我就把全局的webpack和webpack-cli卸载掉重新安装指定的版本。// 国内还是建议使用cnpm npm install -g cnpm -registr...
Vue配置compression-webpack-plugin实现Gzip压缩
sinat_34849421的博客
03-03 2万+
gzip简介 HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。 简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。 那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清晰的了解。 nginx启用gzip gzip on; # 开启Gzip gzip_static on;
初学webpack
猫
05-22 152
前提。基于Node.js使用webpack，首先安装Node.js，自带npm包管理工具，node_modules文件夹里放置项目的依赖包。npm init  （文件目录里面会多出一个package.json文件，里面可以自己配置信息，不会的话直接一路回车键按到底）比如项目需要jquery，你可以在项目里面  npm install jquery  (安装1.0.0版本就可以执行 npm inst...
webpack4.1.0的使用
cc1314_工作、学习有感
03-05 1627
1、安装nodehttp://blog.csdn.net/cc1314_/article/details/794485112、安装使用webpackcmd下执行以下命令：npm install webpack webpack-dev-server -gnpm install webpack-cli -g使用webstorm打开一个项目，<!doctype html> <html&...
2.2使用
努力奋斗的超人
12-05 190
安装 首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。 用 npm 安装 Webpack： $ npm install webpack -g 此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。 通常我们会将 We
解决vue+webpack打包路径的问题
08-27
然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解问题的核心在于Vue Router的history模式。在history模式下...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
本文将详细介绍如何解决Vue-cli中Webpack打包开启Gzip功能时遇到的报错问题。 ### Vue-cli和Webpack基础 Vue-cli是一个基于Vue.js进行快速开发的完整系统，提供了一套统一的配置标准，旨在帮助开发者快速搭建Vue...
详解如何使用webpack打包多页jquery项目
10-17
本篇文章将详细讲解如何使用Webpack打包多页jQuery项目，以便在项目中仍然能够有效地使用jQuery库，并结合ES6特性进行开发。 首先，我们需要明确多页jQuery项目的特点：每个页面可能有各自的JS和CSS文件，且可能...
webpack打包node.js后端项目的方法
10-18
本文将详细介绍如何利用Webpack打包Node.js后端项目，包括必要的安装、配置步骤以及一个简单项目目录的构成。 知识点一：Webpack基础 Webpack可以看作是一个现代JavaScript应用程序的静态模块打包器。它在运行时...
说说webpack 安装过程中的那些错误（坑）
热门推荐
wanxue0804的博客
03-02 4万+
安装webpack可谓是心累啊，我花了好几天时间都没安装好，各种报错啊， 什么Please install 'webpack-cli' in addition to webpack itself to use the CLI. 什么-bash: webpack: command not found 还有No such file or directory各种坑我都基本进了一遍 终于，经过不断...
简单地使用webpack进行打包
LPLIFE的博客
07-02 3万+
之前写的有些零散,现在一步步再重新写.一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev安装完成:查看项目下,发现已经:5.然后用编译器打开当前项目...
WEBPACK打包入门，避免入坑，最新版本
timuzhang的博客
06-22 886
搞了一天终于完成了最简单的打包！通过npm命令打包文件，看了很多相关文章，但是都没有解决问题，都还是会报错，可能也是因为版本的问题，现在总结一下，避免大家入坑，本人小白一枚，大神可以忽略。总结一下对于刚入门的新人来说可能还是对webpack整体结构不太熟悉，网上很多文章写得也很详细，点击量也大，但是今天按他们的方法就是试不出来，个人猜测从新版本的webpack开始默认将打包输入起点定位.\src\...
webpack 4.14.0 版本太高，无法执行相关指令，（将webpack高版本切换到低版本）--直接覆盖
qq_27300101的博客
07-04 7417
（1）问题：webpack 4.14.0 版本太高，无法执行相关指令，（2） 解决办法：将高版本切换到低版本（3）实现webpack 4.14.0 版本太高，无法执行相关指令，指令不熟悉，高版本切换到低版本，直接重新安装就行，使用 npm i webpack@3.6.0 -g  ...
webpack打包（版本：4.5.0）
youyou_LIN的博客
04-12 798
webpack打包要安装webpack 和 webpack-cli一、配置webpack.config.js文件const htmlWebpackPlugin = require('html-webpack-plugin'); //自动生成html文件const config = {    //打包单个文件 entry: __dirname + "/app/index.js",   ...
文件系统设计 - 开发文件系统 Store (上篇)
最新发布
qq_44746132的博客
09-21 352
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
学习Vue3骨架+异步组件(defineAsyncComponent)+Suspense
weixin_49352307的博客
09-19 258
template #defalut> 显示用户内容。<template #fallback> 显示骨架。利用Suspense插槽合理显示骨架与用户界面。
Webpack打包优化实战：减少体积与提升速度
本文将围绕Webpack打包优化展开讨论，针对在实际项目中遇到的问题，如大体积的vendor.js文件和打包速度慢，作者分享了一些实用的技巧和策略。 首先，优化的重点在于定位和减少大体积模块。利用webpack-bundle-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值