[bug] console shows: [vite] Internal server error: Failed to resolve import "@theme/Home.vue" from "node_modules\@vuepress\theme-default\lib\client\layouts\Layout.vue". Does the file exist? #1461
Replies: 1 comment 1 reply
-
|
Beta Was this translation helpful? Give feedback.
1 reply
-
EnglishOk, I used 'bundler: viteBundler', this config.ts configuration, some configuration of the @theme, there is no such problem anymore. The configuration is as follows: bundler: viteBundler({
viteOptions: {
resolve: {
alias: {
'@theme': path.resolve('node_modules/@vuepress/theme-default/lib/client/components'),
}
}
},
vuePluginOptions: {},
}),中文我已经利用文档中所写的 |
Beta Was this translation helpful? Give feedback.
Answer selected by
Mister-Hope
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
English
context:
{ "name": "xxxxxxx-wiki", "version": "0.0.0", "scripts": { "dev": "vuepress dev src --clean-cache", "dev-n": "vuepress dev src", "build": "vuepress build src --clean-cache", "info": "vuepress info" }, "devDependencies": { "@types/three": "^0.143.0", "@types/tinycolor2": "^1.4.3", "@vuepress/plugin-register-components": "^2.0.0-rc.0", "@vuepress/plugin-search": "^2.0.0-rc.0", "@vuepress/plugin-theme-data": "^2.0.0-rc.0", "execa": "^5.1.1", "meshline": "^2.0.4", "three": "^0.143.0", "tinycolor2": "^1.4.2", "vuepress": "^2.0.0-rc.0" }, "dependencies": { "@tabler/icons-vue": "^2.1.2", "deepmerge": "^4.2.2", "element-plus": "^2.2.14", "glob": "^7.2.0", "json5": "^2.2.1" } }this is the package.json.
description:
I used the
npm run devcommand, and there was nothing wrong at first, but when I clicked on the link at the bottom of the console, when I opened the page, the page would show:Since version 2.0.0-beta.51 (2022-08-28) no longer supports putting layouts into theme data structures, I configured the following code here when loading layouts:
the file tree is:
src ├─.vuepress │ ├─.cache │ │ └─deps │ ├─.temp │ │ ├─internal │ │ ├─pages │ │ │ ├─docs │ │ │ │ ├─api │ │ │ │ │ └─entity │ │ │ │ └─hardware │ │ │ ├─en │ │ │ │ └─docs │ │ │ │ ├─api │ │ │ │ └─hardware │ │ │ └─zh-CN │ │ │ └─docs │ │ │ └─hardware │ │ ├─register-components │ │ ├─styles │ │ └─vite-root │ ├─components │ ├─dist │ ├─grftheme │ │ ├─src │ │ │ ├─client │ │ │ │ ├─components │ │ │ │ │ ├─global │ │ │ │ │ └─navigation │ │ │ │ ├─composables │ │ │ │ ├─layouts │ │ │ │ ├─styles │ │ │ │ └─utils │ │ │ ├─node │ │ │ │ └─utils │ │ │ └─shared │ │ └─templates │ ├─js │ │ └─particle │ │ └─utils │ ├─public │ │ ├─.comments │ │ └─docs │ └─theme │ └─layouts ├─docs │ ├─api │ └─hardware │ └─img ├─en │ └─docs │ ├─api │ └─hardware └─zh-CN └─docs ├─api └─hardware └─imgBy the way, the file 'Navigation.vue' is the Layout that is only used on the home page.
Finally
I'm sorry that my English is not very good, and vue is not very good at learning.
thank you for your guidance
PS
The
vuepress infocommand didn't detect the Chrome I was using, so I wrote the version number by myself.中文
使用@vuepress 2.0.0-rc.0的时候会导致@vuepress/theme-default下面的文件
@theme无法解析以及无法找到，并且还有一点非常奇怪，虽然是vite构建的，却没有vite.config.ts文件。虽然会报错：Failed to resolve import "@theme/Home.vue" from "node_modules\@vuepress\theme-default\lib\client\layouts\Layout.vue". Does the file exist?但本质上文件时存在的。感谢各位大佬帮忙答疑解惑。
Beta Was this translation helpful? Give feedback.
All reactions