初次使用webstrom简单创建vue项目的一些报错记录

lamuleimu

于 2022-07-15 23:50:31 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 webpack webstorm javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/lamuleimu/article/details/125813358

本文记录了在WebStorm中使用Webpack创建Vue项目时遇到的常见问题及解决方案，包括打包命令错误、mode模式报错、图片处理报错以及webpack.config.js配置错误。通过管理员权限运行WebStorm，正确设置mode模式，处理图片加载，以及修正webpack配置，解决了项目构建过程中的问题。

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

我的目录层级：工作文件夹为webpackedit，我这里只做简单依赖打包处理，src目录下的main.js引入mathUtil.js文件，将内容展示在index.html界面上，打包main.js后文件为dist目录下的main.js文件：

使用webpack打包时报错无法加载文件（按理说这个命令执行后会生成bundle.js文件但是我生成的总是main.js，不过后期当我后面配置好webpack.config.js文件后就直接生成了：
解决方法：使用管理员打开wenstrom在工作目录终端依次输入以下命令即可
可以打包但是关于mode报错:

解决方法：这个mode是提示我们选择开发(development)或者生产模式(production)的打包方式，为了便于阅读打包文件的内容我这里使用了开发模式打包方式，当我们打包文件

最低0.47元/天解锁文章

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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