记录因webpack版本问题导致vue-cli快速搭建的项目运行时报错！

最新推荐文章于 2022-02-27 22:31:29 发布
最新推荐文章于 2022-02-27 22:31:29 发布
阅读量321 收藏
点赞数
文章标签： javascript webpack git ViewUI
原文链接：http://www.cnblogs.com/hjj2ldq/p/8253143.html
版权

今日突然在群里见到好几个小伙伴说在创建vue项目后不能跑，会报错。

刚开始还不信，花了几分钟时间自己试了下，还真报错了！如下图

小伙伴的报错，如下图！

 

百思不得其解，看了运行的日志也找不出原因。于是去github上找答案！

 

 果然，在最近的提交中，很多人就提到了这个问题。直接就找到了大神给出的解决方法！

将package.json中的webpack-dev-server版本改成2.9.7，最好把 ^ 这个符号也去掉。当然用yarn或者其他管理工具的也能在git上找到答案。

转载于:https://www.cnblogs.com/hjj2ldq/p/8253143.html

weixin_34007879
关注
vue-cli + webpack项目中关于webpack的报错
weixin_30772105的博客
05-21 93
vue项目运行中遇到的webpack得报错 经过排查，发现是webpack的新版本的BUG，解决方法就是卸载新版本，安装老版本。 命令如下： npm remove webpack-dev-server npm install webpack-dev-server@2.9.1 npm run dev 然后项目就正常了 转载于:https://www.cnblog...
webpack vue-cli 常见问题总结
weixin_30409849的博客
09-01 98
1. webpack打包压缩 ES6 js、.vue报错： ERROR in js/test.js from UglifyJs Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5] 这个问题通常是因为js用了es6的写法，uglifyJs 不支持压缩出错。 解决办法： 1 查看是否有使用babel转换。...
webpack 创建vue项目过程中遇到的问题和解决方法
10年职场两茫茫，35岁凄凉奈若何
06-18 67
webpack 创建vue项目过程中遇到的问题和解决方法
vue-cli发布版本时，打包问题的正确解决方案
weixin_34004750的博客
01-10 963
一、修改后端express配置： 编辑bin/www修改端口号为80（当然如果喜欢域名中带有端口可以不修改，推荐修改）。输入：vim bin/www。显示如图： 二、检查后端express中的view下的index.html存在与否，若存在对比web代码中的index.html是否一样，若不一样，将web代码中的index.html...
webpack版本和vue版本的冲突问题
“山水一程”博客
02-27 7485
webpack报错和vue报错问题
解决vue-cli webpack打包开启Gzip 报错问题
10-16
Vue-cli是一个基于Vue.js进行快速开发的完整系统，提供了一套统一的配置标准，旨在帮助开发者快速搭建Vue项目。Webpack是前端领域内最为流行的模块打包器之一，它通过各种加载器（loader）和插件（plugin）来处理...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
Vue-cli3 是 Vue.js 框架的命令行工具，用于快速搭建现代化的前端项目。在使用 Vue-cli3 创建的项目中，可能会遇到在安卓低版本系统或 Internet Explorer（IE）浏览器上出现白屏的问题。这通常是由于这些老旧平台不...
vue-cli 项目打包完成后运行文件路径报错问题
12-10
Vue CLI 是一个官方提供的 Vue.js 开发工具，用于快速搭建 Vue.js 项目。它集成了很多开箱即用的功能，如构建工具、热更新、ESLint 集成等。在使用 Vue CLI 创建的项目中，打包过程是通过 webpack 进行的，这涉及到...
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
11-26
一、报错内容类似：Expected indentation of 0 spaces but found 4 将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉（eslint-loader内容）,重新运行. 二、报错内容： Newline required at ...
解决在npm run dev 运行vue项目时遇到的webpack 报错问题
xieqian0204的博客
02-27 4525
报错情况： 碰到这种情况  首先  webpack -v  查看是否已安装了webpack, 如果出现版本号，证明安装成功，如果没有版本号，就npm install -g webpack  安装webpack 如果是以下情况  ，证明失败 ， 可以  npm cache clean --force  清除缓存  然后在npm install -g webpack 安装webpack;...
Vue学习总结（三）：webpack和vue-cli
热门推荐
诗和远方
04-10 2万+
webpack Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。 中文官方网站：https://www.webpackjs.com/ 官网给出的解释： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depen...
webpack+vue-cli构建项目把默认的.vue文件改为.html文件
weixin_34124651的博客
09-26 687
为什么80%的码农都做不了架构师？>>> ...
vue-cli webpack 项目版本升级
weixin_33881140的博客
03-25 5889
包含 webpack@4 和 babel-loader@8 以及打包部分优化 一键升级package.json 文件 依赖版本数 手动去修改dependencies中各个包的版本号太慢， so 借助了npm-check-updates工具，一键将package.json中的依赖包版本号更新为最新版本。 1、global install npm install -g npm-check-upda...
vue webpak版本 查看_vue版本以及webpack版本
weixin_39590472的博客
01-17 3974
vue作为大前端的主流框架 更新速度也是极快。那么vue的更新会有哪些问题呢？最近在搭建vue框架的时候发现由于vue版本的快速迭代已经与原本般配的webpack产生了隔阂。webpack作为大前端的主流打包工具 如果与之不兼容，会有越来越多的麻烦事情。经过反复测试，得出结论一篇 vue与webpack最佳拍档组合版本号公布。npm initnpm install webpack@3.10.0 v...
用于构建vue的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？
weixin_42619706的博客
07-16 3440
1、vue.js：vue-cli工程的核心，主要特点是双向数据绑定和组件系统。 2、vue-router：vue官方推荐使用的路由框架。 3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。 4、axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。 ...
Vue项目升级到Webpack 4.x初步踩坑总结
harsima的博客
06-26 2万+
Vue项目升级到Webpack 4.x初步踩坑总结，包括压缩JS/CSS，分离CSS/提取CSS到单独文件，分离Chunk，以及vue-loader 15.x版本的使用和基于vue项目的修改
npm 解决包由于版本不一致导致的项目启动错误。
ngd-b的博客
11-05 9326
此由一个问题引起，网上查了好多才搞好。 从SVN上检出了一个vue-cli 的项目，启动报错。 webpack-cli...(没记住) webpack-dev-server...（没记住） Cannot read property 'properties' of undefined 太多没记住，大概的意思就是缺少内置操作的属性没定义。 首先，确认了node，npm 的版本 node ...
在cli脚手架下 vue + iview项目构建
春风十里柔情的博客
10-16 2367
1.安装nodejs 和 npm （这里不做赘述，不懂的可以自己百度） 2.全局安装 vue-cli（如果以前安装过就调过这步，如果没安装请安装，没安装执行第3步会提示你安装） $ npm install --global vue-cli 3.创建一个基于 webpack 的vue项目 $ vue init webpack vue-iview-master // 后续按回车安装默认即可 4.进入...
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  ...
解决node版本问题：使用vue-cli快速搭建Vue项目实战
"使用vue-cli快速搭建Vue项目的方法，包括解决node版本问题、vue-cli的安装、项目创建、依赖安装及项目启动。" Vue CLI（Vue.js的脚手架工具）是一个官方提供的用于快速初始化Vue项目的工具，极大地简化了Vue应用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值