在vue项目中运行项目报错 Error while loading config - You appear to be using a native ECMAScript module configu

最新推荐文章于 2023-05-19 18:34:18 发布
最新推荐文章于 2023-05-19 18:34:18 发布
阅读量3.3k 收藏 10
点赞数 3
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57259781/article/details/125010954
版权

如果在运行项目时报错如下： Error: Z:\myself\vue3\babel.config.js: Error while loading config - You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously.

解决办法：

先查看我的配置文件package.js在文件前面加上"type":"module"：

然后我们需要把babel.config配置文件的后缀名改为.cjs然后运行问题解决：

中文很快乐
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Jest单元测试(一)
liujun2son
07-17 2068
Jest 简介 Jest是Facebook一套开源的 JavaScript 测试框架，它自动集成了断言、JSDom、覆盖率报告等测试工具。 他适用但不局限于使用以下技术的项目：Babel, TypeScript, Node, React, Angular, Vue 官网地址：https://jestjs.io/en/ Jest 安装 使用 yarn 安装 Jest︰ yarn add --dev jest 或 npm： npm install --save-dev jest 注：Jest的文档统一使用y
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file
彭世瑜的博客
03-21 1903
【代码】vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file。
想弄懂Babel？你必须得先弄清楚这几个包
sinat_27049175的博客
02-08 1579
弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方
Ruby on Rails undefined method `where' for xx:Module Did you mean? when的解决方法
脸滚键盘
01-02 447
undefined method `where' for Admin::Teacher:Module Did you mean? when 无法找到该Teacher方法，在model模型中，可能有Teacher方法而造成冲突。 在写controller控制器时，以下命名方式将会带来问题： module Admin module Teacher class TeacherPhotosC...
vue 项目运行时错误
不生产代码_代码的搬运工的博客
05-25 4490
ERROR Error loading vue.config.js: ERROR Error: Cannot find module './public/vendor/vendor-manifest.json' 解决方案： npmrunbuild:dll
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 项目打包完成后运行文件路径报错问题
12-10
在使用 Vue CLI 创建的项目中，打包过程是通过 webpack 进行的，这涉及到资源的处理、依赖的解析以及输出目录的设定等。 当您将 Vue CLI 打包后的应用部署到服务器，例如 Tomcat，可能会遇到文件路径报错的问题。这...
react-vue：在React和React Native中运行Vue
02-05
将Vue的用于观察者React组件使用在React应用中运行Vue组件使用在React Native中运行Vue组件React系统由于Vue清晰的分层设计，我们可以轻松地拉出React系统（压缩为9 KB），并驱动React组件渲染。 npm install --...
Vue项目常见的错误以及解决办法
wzy199982的博客
10-28 6587
Vue项目常见的错误以及解决办法、Vue项目进展过程中遇到的困难
vue运行报错 error in ./src/main.jsModule build failed (from ./node_modules/babel-loader/lib/index.js)
hyx_1225的博客
02-23 1797
vue运行报错
msg="Error loading config" err="error parsing config file: yaml: line 2: did not find expected key"怎...
weixin_42596011的博客
02-14 2667
这个错误消息表明在加载配置文件时出现了错误，具体的错误原因是在解析配置文件时遇到了错误，具体的错误是在第 2 行没有找到预期的键。 解决这个问题的方法是检查配置文件的第 2 行，确保该行包含了预期的键。如果键确实不存在，请添加相应的键；如果键存在但格式不正确，请修正格式错误。 ...
ESlint发生”Parsing error“错误的解决办法
热门推荐
甘焕的博客
07-17 3万+
按照grunt-eslint的默认配置，发生了“Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’”错误。
Vue项目报错：Parsing error: No Babel config file detected…
最新发布
qq_56918166的博客
05-19 192
Vue项目报错：Parsing error: No Babel config file detected…
docker运行prometheus报错：error loading config from \"prometheus.yml\": couldn't load configuration
Yu的博客
11-08 1万+
目录 prometheus.yml路径 原命令 报错 解决 完整命令 prometheus.yml路径 /root/katy/prometheus/prometheus.yml 原命令 // --log.level=debug: log以debug模式输出 // --storage.tsdb.retention.time=3d: 数据保留时间为3天 docker run ...
解决：WARNING: Error loading config file: /Users/XXX/.docker/config.json: EOF
程序和我有一个能跑就行了
06-15 5917
警告如下： 解决办法：找到.docker文件夹---->config.json文件。若config.json文件为空，添加{}到文件中保存即可。 重新尝试，如下就不会出现警告信息了。
vue cli 运行项目报错 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
05-12
这个错误提示说明你的项目中缺少 vue 或 @vue/compiler-sfc 依赖，而 @vitejs/plugin-vue 插件需要这些依赖的支持才能正常运行。 解决方法如下： 1. 确认你的项目中已经安装了 vue 或 @vue/compiler-sfc 依赖： ``` npm ls vue npm ls @vue/compiler-sfc ``` 如果没有安装，执行以下命令安装： ``` npm install vue npm install @vue/compiler-sfc ``` 2. 如果已安装了依赖，但是还是报错，可以尝试更新依赖版本： ``` npm update vue npm update @vue/compiler-sfc ``` 3. 如果更新依赖还是不能解决问题，可以尝试卸载依赖并重新安装： ``` npm uninstall vue npm uninstall @vue/compiler-sfc npm install vue npm install @vue/compiler-sfc ``` 4. 如果还是无法解决问题，可以尝试删除项目的 node_modules 目录并重新安装依赖： ``` rm -rf node_modules npm install ``` 如果你使用的是 yarn，可以使用以下命令： ``` rm -rf node_modules yarn install ``` 希望这些方法能够帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值