Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

failed to resolve theme components when using theme inheritance #3163

Closed
1 task done
ulivz opened this issue Aug 14, 2023 · 0 comments · Fixed by #3164 · 4 remaining pull requests
Closed
1 task done

failed to resolve theme components when using theme inheritance #3163

ulivz opened this issue Aug 14, 2023 · 0 comments · Fixed by #3164 · 4 remaining pull requests
Assignees
Labels
type: bug Something isn't working

Comments

@ulivz
Copy link
Member

ulivz commented Aug 14, 2023

  • I confirm that this is an issue rather than a question.

Bug report

Steps to reproduce

With Theme Inheritance, all components must use the @theme alias to refer to other components.

  1. Here is a VuePress that import its components via alias - @theme:
import VPIconChevronDown from "@theme/components/icons/VPIconChevronDown.vue";
  1. Extend it:
// .vuepress/theme/index.js
module.exports = {
  extend: "vuepress-theme-vt",
};
  1. Got following errors:
Module not found: Error: Can't resolve '@theme/components/icons/VPIconChevronDown.vue'

I created a minimal reproduction for this issue: https://github.com/ulivz/vuepress-theme-inheritance-resolve-issue-repro

What is expected?

Build successfully

What is actually happening?

Build failed

Other relevant information

  • Output of npx vuepress info in my VuePress project:
Environment Info:

  System:
    OS: macOS 12.3
    CPU: (10) arm64 Apple M1 Max
  Binaries:
    Node: 18.17.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.6.7 - /usr/local/bin/npm
  Browsers:
    Chrome: 115.0.5790.170
    Edge: Not Found
    Firefox: Not Found
    Safari: 15.4
  npmPackages:
    @vuepress/core: Not Found
    @vuepress/theme-default: Not Found
    vuepress: ^1.5.3 => 1.9.9
  npmGlobalPackages:
    vuepress: Not Found
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment