2024-04-29用vue/cli脚手架安装项目时，选择ESlint，再安装依赖包的时候，会报以下错误，（2）切换npm版本，安装8.5.5版本的npm（使用npm -v命令查看版本）npmV7版本开始不再自动忽视依赖冲突，需要用户手动输入命令。npmV7 之前的版本遇到依赖冲突时，会忽视冲突，继续安装；--legacy-peer-deps ：忽视冲突，继续安装（--force ：无视冲突，强制获取远端资源（（1）在每次安装依赖包时，在后面加上。_peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0

https://www.qianduange.cn//article/5994.html 分类：前端知识

2024-04-293、突然想到自己vscode中下载过ESLint扩展插件，然后就去百度相关插件版本和package.json中eslint版本不一致是否会冲突，参考文档后成功解决。2、升级自己的node版本，询问了可以成功运行项目的同事，推荐升级node版本，我这边又将node版本升级为16.12.0。我是在编译代码（npm run dev）的时候抛出了异常信息，提示自己插件加载失败，找不到对应的模块，介绍下自己的环境，用。1、eslint版本过低不匹配，升级eslint版本，但是对我遇到问题无效，升级了版本也不行。_failed to load plugin '@typescript-eslint' declared in '.eslintrc.js': canno

https://www.qianduange.cn//article/5971.html 分类：前端知识

2024-04-29原因：当前电脑nodejs版本过高，项目的配置太低，不匹配，如下package.json_error: cannot find module '@vue/cli-plugin-babel

https://www.qianduange.cn//article/5914.html 分类：前端知识

2024-04-23【代码】Error: Cannot find module ‘html-webpack-plugin‘_error: cannot find module 'html-webpack-plugin

https://www.qianduange.cn//article/5852.html 分类：前端知识

2024-04-23如果你在使用PostCSS插件autoprefixer时遇到了"PostCSS plugin autoprefixer requires PostCSS 8"的错误，这通常是因为你的项目中PostCSS的版本低于autoprefixer所需要的版本。以上步骤应该可以解决"PostCSS plugin autoprefixer requires PostCSS 8"的问题。如果问题仍然存在，你可能需要检查你的项目配置，确保没有其他的冲突或问题。_postcss plugin autoprefixer requires postcss 8.

https://www.qianduange.cn//article/5799.html 分类：前端知识

2024-04-22eslint-config-prettier：解决ESLint中的样式规范和prettier中样式规范的冲突，以prettier的样式规范为准，使ESLint中的样式规范自动失效。@typescript-eslint/parser：ESLint的解析器，用于解析typescript，从而检查和规范Typescript代码。在 src/assets 下新增 style 文件夹，用于存放全局样式文件，新建 index.scss,在main.ts文件中定义定义pinia-plugin-persist使用。_vite vue3 typescript pin

https://www.qianduange.cn//article/5669.html 分类：前端知识

2024-04-21原文地址：https://segmentfault.com/a/1190000021518323作者：Fw恶龙本文首发于：思否一、前言先整理一波之前和webpack相关的文章:使用Webpack对CSS文件进行后处理基于Webpack的CSS Sprites实现方案Stylus系列——webpack-spritesmith配合stylus使用示例继以上第三篇文章...

https://www.qianduange.cn//article/5530.html 分类：前端知识

2024-04-20https://www.webxiu.com.cn/post/10005241初始化vite项目yarn create vite todolist --template vue-tscd todolistyarnyarn dev浏览器访问3000端口安装Electronyarn add -D electron electron-builder rimraf vite-plugin-electron electron-devtools-installer如果觉得安装慢，可以改为淘宝_electron-builder 可以使用ts文件配置吗

https://www.qianduange.cn//article/5481.html 分类：前端知识

2024-04-19搜索了一圈很多说修改配置文件的，其实只需要通过如下命令安装@vue/cli-plugin-typescript即可启用ts支持。

https://www.qianduange.cn//article/5331.html 分类：前端知识

2024-04-19javascript hljs复制代码const TerserPlugin = require('terser-webpack-plugin'); module.exports = { chainWebpack: config => { // 压缩大于1MB的图片 config.module .rule('images') .test(/\.(png|jpe?g|gif|svg)(\?.?$/) .use('image-webpack-loader') .loader('image-webpa

https://www.qianduange.cn//article/5216.html 分类：前端知识