vue3脚手架运行各种报错汇总(持续收集)

可以搜索关键词定位问题

问题: 运行 npm install 报npm ERR Unexpected token ‘.‘

环境: node版本 16.17.0

原因: node版本过高

解决办法: 回退到16.13.0解决

问题: 运行vue3报 Error: Cannot find module ‘node:url‘

环境: node版本 14.15.0

原因: node版本过低

解决办法: 升级node版本 , 推荐 16.13.0

解释: 

 vue3中vite需要运行的环境官方文档有提到: 

• 安装 15.0 或更高版本的 Node.js

问题: 运行 npm run lint 报 error  Component name "index" should always be multi-word 

环境: "eslint-plugin-vue": "^9.3.0"

原因: 原因是 eslint-plugin-vue插件版本要求组件名称以驼峰格式命名

解决办法: .eslintrc.cjs文件中添加vue/multi-word-component-names规则

/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution");

module.exports = {
  root: true,
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/eslint-config-prettier",
  ],
  parserOptions: {
    ecmaVersion: "latest",
  },
  // *** 添加下面这个规则 *** 
  rules: {
    "vue/multi-word-component-names": [
      "error",
      {
        ignores: ["index"], //需要忽略的组件名
      },
    ],
  },
};

问题: eslint(prettier/prettier) 提示Delete `␍` 

解决办法: .eslintrc.cjs文件中配置

/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution");

module.exports = {
  ...,
  // *** 添加下面这个 ***
  rules: {
    endOfLine: "auto",
  },
};

问题: nvm切换node版本, npm执行报Error: Cannot find module ‘npm-cli‘

解决办法: github更新最新的nvm版本  下载地址

找到最新的release版本, 点击nvm-update.zip会自动下载, 并打开安装等待完成.

安装完成后输入命令行nvm version看看是不是最新版, 最新版如果nvm use 版本号提示乱码并且切换不成功, 请使用管理员打开cmd, 再执行nvm use xxx.