如何支持 import 'virtual:uno.css'语法？

Question

main.ts

import 'virtual:uno.css'

会报错 提示

Unable to resolve path to module 'virtual:uno.css'. eslint(import/no-unresolved)

请问如何支持这种语法？或者如何使eslint插件识别到该模块？

Answer 1

其实就是没有通过当前配置的 ESLint 校验，具体文档 👉 eslint-plugin-import/no-unresolved.md at main · import-js/eslint-plugin-import.

可以直接写一下 ESLint 忽略下一行错误的注释，或者单独给 uno.css 配置下忽略。

相关链接
eslint-plugin-import/no-unresolved.md at main · import-js/eslint-plugin-import

Answer 2

// eslint-disable-next-line import/no-unresolved

Answer 3

很多插件都会使用virtual module，可以配置如下eslint规则忽略

// .eslintrc.js
module.exports = {
  // other config
  rules: {
    'import/no-unresolved': ['error', { ignore: ['^virtual:'] }],
  },
}