- 删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js):
- 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加
module.exports = {
lintOnSave: false
}
- 项目启动报错:Trailing spaces not allowed no-trailing-spaces
- 错误原因:ESLint检查到了多余的空格
- 解决方案:通常是删除了根组件App.vue中的默认代码后还有多余空格,删除多余的空格即可;或者配置.eslintrc.js,找到rules,添加如下:
rules: {
‘no-irregular-whitespace‘: ‘off‘
}
-
vite构建vue项目,使用vscode打开后,出现红色波浪线;应取消vue模板校验:设置 -> 取消勾选‘Vetur>Validation:template‘
-
根组件app.vue的template标签中使用引入的子组件HelloWorld.vue时如果报错,子组件中模板应使用单根组件形式,子组件必须使用闭合标签
-
vue-cli构建的vue项目,运行依赖和开发依赖的区别:dependencies运行依赖是项目上线后需要用到的依赖,devDependencies是项目上线后不会用到的依赖
-
cli构建项目后启动报错:Syntax Error: TypeError: this.getOptions is not a function
# 如果项目中使用了sass,需安装依赖sass-loader、node-sass;若项目中使用less,需安装依赖less-loader、less
# 错误原因:sass-loader或less-loader版本太高
# 解决方案:卸载sass-loader或less-loader,重新安装低版本
npm uninstall --save sass-loader # 终端卸载
npm remove less-loader # 终端卸载
cnpm uninstall xxx --save # 卸载
# 也可以使用cmd输入vue ui打开vue工作台卸载
cnpm i xxx@3.0.0 --save # 安装指定版本
npm install less-loader@5.0.0 # 安装less-loader
npm install sass-loader@7.0.3 # 安装sass-loader
# 使用以上方式安装会安装成运行依赖,应安装开发依赖;在项目的package.json文件中dependencies表示运行依赖,devDependencies表示开发依赖
"dependencies": {
"axios": "^0.21.1",
"core-js": "^3.6.5",
"element-ui": "^2.4.5",
"vue": "^2.6.11",
"vue-router": "^3.2.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/eslint-config-standard": "^5.1.2",
"babel-eslint": "^10.1.0",
"babel-plugin-component": "^1.1.1",
"eslint": "^6.7.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.0",
"eslint-plugin-vue": "^6.2.2",
"less": "^4.1.1",
"less-loader": "^5.0.0",
"vue-cli-plugin-element": "^1.0.1",
"vue-template-compiler": "^2.6.11"
}
# 将dependencies中的那一行剪切到devDependencies
-
cnpm报错:cnpm : 无法加载文件 C:\Users\93457\AppData\Roaming\npm\cnpm.ps1
-
解决方案:管理员的身份打开powershell,输入:set-ExecutionPolicy RemoteSigned 选择A
参考 -
报错:Node Sass version 6.0.1 is incompatible with ^4.0.0.
# 解决方案:
node-sass npm uninstall node-sass # 卸载之前的版本
npm install node-sass@4.14.1 # 卸载后安装4.0.0版本
- 启动报错:Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x
- 解决方案:卸载node sass后重新安装
参考