vue-cli4.x升级到5.0.0-beta.3遇到的一些问题

最新推荐文章于 2024-04-13 21:30:32 发布
VIP文章 最新推荐文章于 2024-04-13 21:30:32 发布
阅读量8.5k 收藏 3
点赞数
文章标签： vue javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44800563/article/details/119735888
版权

vue-cli4.x升级到5.0.0-beta.3遇到的一些问题

项目使用的是Vue框架

1.报错： transpileDependencies.map is not a function
搜索无果，在vue.config.js 中添加

transpileDependencies: []

报错解决
2. 报错：configuration.optimization has an unknown property
vue-cli5.0.0-beta.3抛弃了webpack 4转而使用webpack 5
在webpack的官方文档里 升级需要将

optimization.namedChunks: true → optimization.chunkIds: 'named'
optimization.namedModules: true → optimization.moduleIds: 'named'

所以我的vue.config.js里的

optimization: {
最低0.47元/天 解锁文章
YoRHa_6BZ
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli4.x环境搭建
01-08
1、安装 npm install -g @vue/cli 安装好了之后输入 vue -V 查看版本 （如果vue-cli和node.js版本不符的话，会报错，建议去官网下载一个更加稳定的版本，我是用的是v12.13.0） 查看node版本：node -v 2、搭建项目 新建项目 vue create project-name 我选的自定义配置，如下： 选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，我选择的y css 的预处理器我选择的是 Sass/SCSS(with node-sass) ，node-sass是自动编译实时的，dart-sass需
vue-cli 3.x 修改dist路径的方法
12-11
一些牢骚 前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注。Ryan Dahl直言node是一个失败品，充斥很多bug和设计上的不合理，导致他也无力回天。。。。。天啦撸，可怜我们这种小前端，node还没开始，马上就要结束了。。。。 好的吧，牢骚归牢骚，生活还得继续。生命不息，撸码不止。 webpack4 最近在一个项目中，将vue-cli更新到了最新版的3.x。同时webpack也更新到了4.x。webpack4在一些配置上有了很大一部分的精简。据说是受到了最近
详解Vue-cli3.X使用px2rem遇到的问题
10-16
主要介绍了详解Vue-cli3.X使用px2rem遇到的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
主要介绍了vue-cli2.x项目优化之引入本地静态库文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue+elementui实现多层树形菜单
10-16
一个完整的树形菜单demo，下载即可运行，包含node_module包，使用vue+el-menu完成多层树形菜单。内含模拟数据格式。
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效
yehaocheng520的博客
06-27 9118
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效
Vue运行无故报错解决transpileDependencies.map is not a function或Call plugin(‘preload‘).use(＜Plugin＞) first.
Sidney_Jack_1101的博客
11-06 8988
在准备使用vue-element-admin开发时，遇到了运行npm run dev无故报错在vue.config.js里添加了transpileDependencies:[]配置后依然无法解决，报出如下错误随后多次尝试重新进行npm install，修改plugin等方法，并未解决，确定与代码本身无关。
Vue报错： ERROR TypeError: transpileDependencies.map is not a function
zzgo121的博客
12-28 7429
ERROR TypeError: transpileDependencies.map is not a function
Vue.js npm错误：transpileDependencies.map不是一个函数
最新发布
m0_67318913的博客
04-13 581
这个错误通常是由于npm版本不兼容导致的。在旧版本的npm中，transpileDependencies是一个字符串数组，我们可以直接配置需要编译的依赖库。而在较新版本的npm中，transpileDependencies被改成了一个对象，并且需要使用map()方法来处理。因此，如果我们在较新版本的npm中使用了旧版本的配置方式，就会导致transpileDependencies.map不是一个函数的错误。
Vue-CLI 4.x 自动部署项目至服务器
04-01
使用 scp2+cross-env 自动化上传部署 scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。...这里我们就用这个功能，在Vue编译构建成功之后，将项目推送至测试/生产环境，以方便测试，提高效率。
TypeError: transpileDependencies.map is not a function
涛々的技术博客
07-10 911
TypeError: transpileDependencies.map is not a function
关于在Mac / Win 上如何从零运行 Vue项目 ｜｜ TypeError: transpileDependencies.map is not a function解决方法
weixin_46684929的博客
04-30 1万+
0、前言 首先，前段时间我在win上完成了个Vue项目，结果把整个文件打包过后运行，报错…于是开始了修bug生活 1、操作 在我说关键步骤之前，先参考下面的文档 Mac参考1 Win参考2 也可以参考别的哦亲亲，就是为能使用vue-cli做准备 大致步骤： 安装 Homebrew（仅Mac用户）// 建议装Xcode，虽然有点大 安装 node.js 安装 webpack 安装 Vue脚手架 vue-cli 也许还需要… 2、我踩的坑 转移文件不要带上node_modules文件夹啊！！当配置好之后，
webpack运行时报错：configuration has an unknown property ‘plugin‘. These properties are valid:
Tutuca的博客
08-13 861
https://blog.csdn.net/qq_43592296/article/details/118553015 在webpack.config.js文件配置好后，运行命令webpack，报错如下： C:\Users\zhangyue\Desktop\Study\Node\webpack\04.webpack-css3> webpack[webpack-cli] Invalid configuration object. Webpack has been initialized using a
Vue3 webpack 报错：options has an unknown property ‘hotOnly‘. These properties are valid
qq_51758070的博客
06-22 1974
Vue3 webpack 报错：options has an unknown property 'hotOnly'. These properties are valid
webpack打包报错：configuration has an unknown property ‘Plugins‘. These properties are valid：......
weixin_46146675的博客
04-08 4768
我是第一次学习webpack的小白，在弄插件的时候遇到了这个问题：configuration has an unknown property ‘Plugins，然后我是先去浏览器上搜索解决这个问题的方法，结果发现很多人出现的错误都不一样，但是他们所说的错误的地方跟我自己的错误的地方不一样，然后我就很迷茫，看来看去，最后才发现是我代码的大小写出了问题。 这是我出错的地方 很多人出错的原因： 1、是Plugins少写了后面的s 2、是webpack版本不同，webpack.con...
configuration has an unknown property ‘devserver‘. These properties are valid:
leod110的博客
02-08 769
Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration has an unknown property 'devserver'. These properties are valid: devserver是非法字符，应该将s大写,即devServer ...
transpileDependencies与babel编译顺序释义
热门推荐
大赚万万亿
09-07 1万+
如果transpileDependencies为true或为正则，接着再看package.json里的browserslist是否处在低级浏览器范围，如果处在低级浏览器范围内，那么会把node_modules里用得到的高级语法进行babel编译。如果transpileDependencies为false,则会把node_modules里用到的高级语法原封不动的打包，会造成在低级浏览器访问报错的情况。babel.config.js配置如下，此配置同样适用于vue-cli999。
cannot not find vue-cli-service.js
07-28
引用\[1\]中提到，"Cannot find module 'E:\@vue\cli-service\bin\vue-cli-service.js'"的错误提示表明在E盘下找不到这个模块。正确的路径应该是在E:\\[项目文件\]\node_modules\.bin\@vue\cli-service\bin\vue-cli-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值