使用 vite-vite-plugin-style-import，按需引入 vant 样式文件，出现 Error: Cannot find module ‘consola‘

错误现场：因为插件的使用了 consola 包，但是我们没有安装。所以需要安装 consola$ npm i consola -D{"devDependencies": {"vite-plugin-style-import": "^2.0.0","consola": "^2.15.3"},"resolutions": {"console": "consola"}}还有就是在2.0版本需要使用的是c

我是真的cai

9495人浏览 · 2022-03-09 21:56:33

我是真的cai · 2022-03-09 21:56:33 发布

错误现场：
在这里插入图片描述
因为插件的使用了 consola 包，但是我们没有安装。所以需要安装 consola

$ npm i consola -D

{
	"devDependencies": {
		"vite-plugin-style-import": "^2.0.0",
		"consola": "^2.15.3"
	},
	"resolutions": {
		"console": "consola"
	}
}

还有就是在2.0版本需要使用的是createStyleImportPlugin不要使用styleImprot了！

import { createStyleImportPlugin, VantResolve } from 'vite-plugin-style-import';
export default defineConfig({
	 plugins: [
	    vue(),
	    createStyleImportPlugin({
	      resolves: [VantResolve()],
	    }),
  ],
})