When I configured the `@vuepress/plugin-docsearch` plugin, the terminal reported an error. #86

Yue-plus · 2021-03-29T11:33:00Z

Yue-plus
Mar 29, 2021

When I configured the @vuepress/plugin-docsearch plugin, the terminal reported an error.
在配置 @vuepress/plugin-docsearch 插件时，终端报了一个错误。

I ran my own crawler and configured config.ts according to the documentation.
我运行了自己的爬虫，并且依照文档配置了 config.ts。

$ vuepress dev docs
info Initializing VuePress and preparing data...
✔ Compilation finished in 19208ms
ERROR in D:codeNetNote
ode_modules@vuepressplugin-docsearchlibclientAppEnhance.js
Module build failed: UnhandledSchemeError: Reading from "D:codeNetNote
ode_modules@vuepressplugin-docsearchlibclientAppEnhance.js" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "d:" URIs.
    at D:\code\NetNote\node_modules\webpack\lib\NormalModule.js:741:26
    at Hook.eval [as callAsync] (eval at create (D:\code\NetNote\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (D:\code\NetNote\node_modules\tapable\lib\Hook.js:18:14)
    at Object.processResource (D:\code\NetNote\node_modules\webpack\lib\NormalModule.js:738:9)
    at processResource (D:\code\NetNote\node_modules\loader-runner\lib\LoaderRunner.js:220:11)
    at iteratePitchingLoaders (D:\code\NetNote\node_modules\loader-runner\lib\LoaderRunner.js:171:10)
    at runLoaders (D:\code\NetNote\node_modules\loader-runner\lib\LoaderRunner.js:397:2)
    at NormalModule.doBuild (D:\code\NetNote\node_modules\webpack\lib\NormalModule.js:728:3)
    at NormalModule.build (D:\code\NetNote\node_modules\webpack\lib\NormalModule.js:874:15)
    at D:\code\NetNote\node_modules\webpack\lib\Compilation.js:1246:12
    at NormalModule.needBuild (D:\code\NetNote\node_modules\webpack\lib\NormalModule.js:1139:32)
    at Compilation._buildModule (D:\code\NetNote\node_modules\webpack\lib\Compilation.js:1228:10)
    at D:\code\NetNote\node_modules\webpack\lib\util\AsyncQueue.js:265:10
    at Hook.eval [as callAsync] (eval at create (D:\code\NetNote\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncQueue._startProcessing (D:\code\NetNote\node_modules\webpack\lib\util\AsyncQueue.js:258:26)
    at AsyncQueue._ensureProcessing (D:\code\NetNote\node_modules\webpack\lib\util\AsyncQueue.js:245:12)

webpack compiled with 1 error
success VuePress webpack dev server is listening at http://localhost:8080/

At this time, access to http://localhost:8080/ only shows a blank.
此时访问 http://localhost:8080/ 只显示一片空白。

The project repository is: https://github.com/Yue-plus/NetNote
该项目地址为：https://github.com/Yue-plus/NetNote

Answered by Yue-plus

Mar 30, 2021

#88 憨憨竟是我自己

View full answer

meteorlxy · 2021-03-30T02:12:06Z

meteorlxy
Mar 30, 2021
Maintainer

Please upgrade your vuepress & plugin version first.

5 replies

Yue-plus Mar 30, 2021
Author

I tried to delete the node_modules folder and re-execute the yarn install command, but this error still occurs.
我尝试删除了 node_modules 文件夹，并重新执行了 yarn install 指令，任然会出现这个错误。

The contents of the current package.json file:
当前 package.json 文件内容：

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  },
  "devDependencies": {
    "vuepress": "^2.0.0-beta.6"
  },
  "dependencies": {
    "@vue/component-compiler-utils": "^3.2.0",
    "@vuepress/plugin-docsearch": "^2.0.0-alpha.1",
    "@vuepress/plugin-pwa": "^1.8.2",
    "@vuepress/plugin-pwa-popup": "^2.0.0-alpha.8"
  }
}

Yue-plus Mar 30, 2021
Author

meteorlxy Mar 30, 2021
Maintainer

兄弟，你插件的版本号都是旧的啊，pwa 插件还用的 v1 的，@vue/component-compiler-utils 还是给 vue2 用的。。

Yue-plus Mar 30, 2021
Author

先清除 yarn 缓存：

$ yarn cache clean
yarn cache v1.22.10
success Cleared cache.
Done in 21.81s.

然后：

mkdir testVP2
cd testVP2
yarn add -D vuepress@next
yarn add -D @vuepress/plugin-docsearch
yarn add -D @vuepress/plugin-pwa
yarn add -D @vuepress/plugin-pwa-popup

此时，package.json：

{
  "devDependencies": {
    "@vuepress/plugin-docsearch": "^2.0.0-alpha.1",
    "@vuepress/plugin-pwa": "^1.8.2",
    "@vuepress/plugin-pwa-popup": "^2.0.0-alpha.8",
    "vuepress": "^2.0.0-beta.6"
  }
}

使用的是官方源（也换成淘宝源试了一次，获取到的版本是一样的）：

$ yarn config get registry
warning package.json: No license field
https://registry.yarnpkg.com

安装 @vue/component-compiler-utils 包是因为在安装 @vuepress/plugin-pwa 包后出现了这个错误：

yarn run v1.22.10
warning package.json: No license field
$ vuepress dev docs
Error: Cannot find module '@vue/component-compiler-utils'
Require stack:
- D:\code\testVP2\node_modules\@vuepress\shared-utils\lib\parseVueFrontmatter.js
- D:\code\testVP2\node_modules\@vuepress\shared-utils\lib\index.js
- D:\code\testVP2\node_modules\@vuepress\plugin-pwa\index.js
- D:\code\testVP2\node_modules\@vuepress\core\lib\app\resolvePlugin.js
- D:\code\testVP2\node_modules\@vuepress\core\lib\app\normalizePlugin.js
- D:\code\testVP2\node_modules\@vuepress\core\lib\app\appUse.js
- D:\code\testVP2\node_modules\@vuepress\core\lib\app\index.js
- D:\code\testVP2\node_modules\@vuepress\core\lib\index.js
- D:\code\testVP2\node_modules\@vuepress\cli\lib\commands\build\build.js
- D:\code\testVP2\node_modules\@vuepress\cli\lib\commands\build\index.js
- D:\code\testVP2\node_modules\@vuepress\cli\lib\commands\index.js
- D:\code\testVP2\node_modules\@vuepress\cli\lib\index.js
- D:\code\testVP2\node_modules\@vuepress\cli\bin\vuepress.js
- D:\code\testVP2\node_modules\vuepress\bin\vuepress.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (D:\code\testVP2\node_modules\@vuepress\shared-utils\lib\parseVueFrontmatter.js:6:36)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Mister-Hope Mar 30, 2021
Collaborator

@Yue-plus 兄弟，你vuepress都知道加next flag，pwa插件咋就不加了呢？

Yue-plus · 2021-03-30T11:07:16Z

Yue-plus
Mar 30, 2021
Author

#88 憨憨竟是我自己

7 replies

Yue-plus Mar 30, 2021
Author

另外这两天打算试着把这个插件 https://github.com/eFrane/vuepress-plugin-mermaidjs 移到 vuepress2 上。

Yue-plus Mar 30, 2021
Author

还咕着一个主题 https://github.com/Yue-plus/vuepress-theme-rhinelab 打算直接做 vuepress2 的。

Mister-Hope Mar 30, 2021
Collaborator

感觉还是要说一嘴有些官方插件在 vuepress2 上安装使用时要加个 '@next' 标签

是只有vuepress1不存在对应package的官方插件，不带 “@next” 也会安装next channel（此时next就是latest）.....

meteorlxy Mar 30, 2021
Maintainer

是只有vuepress1不存在对应package的官方插件，不带 “@next” 也会安装next channel（此时next就是latest）.....

并不是这样，这种情况只有第一个版本会被当作 latest

Mister-Hope Mar 30, 2021
Collaborator

是只有vuepress1不存在对应package的官方插件，不带 “@next” 也会安装next channel（此时next就是latest）.....

并不是这样，这种情况只有第一个版本会被当作 latest

感谢指正

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

When I configured the `@vuepress/plugin-docsearch` plugin, the terminal reported an error. #86

{{title}}

Replies: 2 comments 12 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

When I configured the @vuepress/plugin-docsearch plugin, the terminal reported an error. #86

Yue-plus Mar 29, 2021

Replies: 2 comments · 12 replies

meteorlxy Mar 30, 2021 Maintainer

Yue-plus Mar 30, 2021 Author

Yue-plus Mar 30, 2021 Author

meteorlxy Mar 30, 2021 Maintainer

Yue-plus Mar 30, 2021 Author

Mister-Hope Mar 30, 2021 Collaborator

Yue-plus Mar 30, 2021 Author

Yue-plus Mar 30, 2021 Author

Yue-plus Mar 30, 2021 Author

Mister-Hope Mar 30, 2021 Collaborator

meteorlxy Mar 30, 2021 Maintainer

Mister-Hope Mar 30, 2021 Collaborator

When I configured the `@vuepress/plugin-docsearch` plugin, the terminal reported an error. #86

Yue-plus
Mar 29, 2021

Replies: 2 comments 12 replies

meteorlxy
Mar 30, 2021
Maintainer

Yue-plus Mar 30, 2021
Author

Yue-plus Mar 30, 2021
Author

meteorlxy Mar 30, 2021
Maintainer

Yue-plus Mar 30, 2021
Author

Mister-Hope Mar 30, 2021
Collaborator

Yue-plus
Mar 30, 2021
Author

Yue-plus Mar 30, 2021
Author

Yue-plus Mar 30, 2021
Author

Mister-Hope Mar 30, 2021
Collaborator

meteorlxy Mar 30, 2021
Maintainer

Mister-Hope Mar 30, 2021
Collaborator