问题:无法解析从"src/main.ts"导入"/mode_modules/vant/lib/vant/es/button/style/index,引用路径中多了vant/es.
解析:
根据node.js版本不同查看node_modules中vant组件,然后判断是用…/es/
n
a
m
e
/
s
t
y
l
e
还是
v
a
n
t
/
e
s
/
{name}/style还是vant/es/
name/style还是vant/es/{name}/style/index,
node v16.20.2用的是vant/es/${name}/style/index,版本不用引用的东西也不同
解决方法:在vite.config.ts文件中找到plugins->styleImport,修改引入路径为…/es/${name}/style文章来源：https://www.toymoban.com/news/detail-853870.html
plugins: [
vue(),
viteCompression({
ext: '.gz', // gz br
algorithm: 'gzip', // brotliCompress gzip
deleteOriginFile: false, // 打包完成后删除源文件
}),
styleImport({
libs: [
{
libraryName: 'vant',
esModule: true,
resolveStyle: (name) => `../es/${name}/style`,
},
],
}),
然后重新加载!文章来源地址https://www.toymoban.com/news/detail-853870.html
到了这里，关于无法解析从“src/main.ts“导入“/mode_modules/vant/lib/vant/es/button/style/index的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do](https://imgs.yssmx.com/Uploads/2024/02/730390-1.png)
