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

Question

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

Answer 1

• 这有个类似的问题, 你可以参考下: 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字段