记一次using 'babel' the parser now but ....报错

最新推荐文章于 2022-05-31 21:33:25 发布

颓宝

最新推荐文章于 2022-05-31 21:33:25 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue webpack 错误报错

本文链接：https://blog.youkuaiyun.com/chirenshuomeng1/article/details/89053220

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个关于Vue项目中特定页面编译时出现的错误及其解决办法。问题表现为找不到对应的.vue文件，原因是编译器自动添加了文件扩展名，导致实际查找的文件路径与预期不符。通过调整文件名后缀，解决了编译错误。

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

错误

改了点东西，使用“npm run dev”编译时总是报错“No parser and no filepath given, using ‘babel’ the parser now but this will throw an error in the future. ”，网上找的答案都是改变组件的版本号，但是我的情况显然并不是版本的原因造成。因为之前是可以成功编译的，但是改了一点点东西后就开始报错了，所以应该是修改产生的问题。

原因与解决方案

如下图所示：
在这里插入图片描述
有一个页面没有像其他页面一样，使用“index”这个名字，导致编译时没有找到“query.vue”这个文件。
修改以下2个文件即可：

webpack.dev.conf.js文件
把你的XX.vue相应的改成XX.html就行了。
我这里是编译器自动添加了“.vue”，导致无法正确识别“query.vue”文件（这样编译时编译器没有去找“query.vue”，而是试图去找“query.vue.vue”，因此出错了），所以删掉“.vue”就能正常编译了。