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规则

1.  
   /* eslint-env node */
2.  
   require("@rushstack/eslint-patch/modern-module-resolution");
3.  
    
4.  
   module.exports = {
5.  
   root: true,
6.  
   extends: [
7.  
   "plugin:vue/vue3-essential",
8.  
   "eslint:recommended",
9.  
   "@vue/eslint-config-prettier",
10.  
    ],
11.  
    parserOptions: {
12.  
    ecmaVersion: "latest",
13.  
    },
14.  
    // *** 添加下面这个规则 ***
15.  
    rules: {
16.  
    "vue/multi-word-component-names": [
17.  
    "error",
18.  
    {
19.  
    ignores: ["index"], //需要忽略的组件名
20.  
    },
21.  
    ],
22.  
    },
23.  
    };

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

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

1.  
   /* eslint-env node */
2.  
   require("@rushstack/eslint-patch/modern-module-resolution");
3.  
    
4.  
   module.exports = {
5.  
   ...,
6.  
   // *** 添加下面这个 ***
7.  
   rules: {
8.  
   endOfLine: "auto",
9.  
   },
10.  
    };

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

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

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

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

这篇好文章是转载于：学新通技术网