vue 本地运行项目时编译报错

img


昨天安装依赖后,在本地npm run serve ,结果每个.vue文件都报了语法错误,不知道怎么回事

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7452626
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:vue项目运行npm run serve报错的问题
  • 除此之外, 这篇博客: 【vue】npm run serve的背后执行中的 开始 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 1、执行npm run serve
    2、找到==> pageage.json 中的 "scripts": {"serve": "vue-cli-service serve", },其中serve是参数,也可以是build
    3、找到==> node_modules/.bin/vue-cli-service 文件;
    4、找到==>@vue/cli-service/bin/vue-cli-service.js 文件;

    关于上述文件补充:
    1、 semver:称为 Semantic Versioning(语义化版本表示);
    2、【CommenJS的导入规则】 const { semver, error } = require('@vue/cli-shared-utils')
    核心模块、第三方模块的加载:在node_module文件下的同名文件中找package.json中的main属性对应的值,如index.js,然后去这个文件并执行;如果main没有,那默认找index.js;本文件夹没有则往外找package.json、index.js,直到找到根目录。
    3、【CommenJS的导出规则】
    导出的是:module.exports对象;内部默认var module.exports={}; var exports = module.exports; return module.exports;所以一般导出单个用:module.exports=;导出多个用:exports.属性名=或module.exports={};

    两个关键点:

    • 普通命令行: *** …:先找当前目录下有没有exe可执行文件,没有就path变量里找有没有全局配置;
    • npm run …,对应的package.json中命令: ***,找node_modules/.bin/***
    • require(***)时:找node_modules/***/package.json中的main字段

这个错误看起来是与代码中出现的语法问题有关。
首先,错误信息显示在文件 Process.vue 的第一行,出现了一个意外的标记(Unexpected token)。并且显示了一个识别为 “[object Promise]” 的内容。
根据错误信息,可能的原因是代码中的某些字符或语法使用不正确,导致无法解析。这可能是由于代码书写错误、拼写错误、缺少括号、引号不匹配等引起的。
要解决这个错误,请检查位于 Process.vue 文件中的第一行附近的代码,并确保所有语法和标点符号都正确地使用。
如果你能提供更多的代码片段或相关上下文,我可以帮助你找出具体问题所在并提供更准确的解决方案。