webpack UnhandledSchemeError: supports "data:" and "file:" URIs by default.

[cliek]

I have two devices: Mac OS and window. When the project is initialized, they are built on the Mac and use the vuepress next '^ 2.0.0-beta.14'. According to the development document agreement, add the 'clientappenhancefiles' and' clientappsetup files' entry loading files。

// theme/index.ts
const path = require('path');
module.exports = ({ themePlugins = {}, ...localeOptions }) => {
	return {
		name: "vuepress-theme-c",
		layouts: path.resolve(__dirname,"./layouts"),
		clientAppEnhanceFiles: path.resolve(__dirname, './clientAppEnhance.js'),
                clientAppSetupFiles: path.resolve(__dirname, './clientAppSetup.js'),
		plugins: [
			['@vuepress/theme-data', { themeData: localeOptions }],
		]
	};
};

The above configuration works well on Mac OS.
However, after using the window platform, an error is reported as follows after the result of "yarn dev":

ERROR in F:dp\vuepress-next-c\vuepress-theme-c\lib\clientAppSetup.js
Module build failed: UnhandledSchemeError: Reading from "F:dp\vuepress-next-c\vuepress-theme-c\lib\clientAppSetup.js" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "f:" URIs.
    at F:\dp\vuepress-next-c\node_modules\webpack\lib\NormalModule.js:757:26
    at Hook.eval [as callAsync] (eval at create (F:\dp\vuepress-next-c\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Object.processResource (F:\dp\vuepress-next-c\node_modules\webpack\lib\NormalModule.js:753:9)
    at processResource (F:\dp\vuepress-next-c\node_modules\loader-runner\lib\LoaderRunner.js:220:11)
    at iteratePitchingLoaders (F:\dp\vuepress-next-c\node_modules\loader-runner\lib\LoaderRunner.js:171:10)
    at runLoaders (F:\dp\vuepress-next-c\node_modules\loader-runner\lib\LoaderRunner.js:397:2)
    at NormalModule.doBuild (F:\dp\vuepress-next-c\node_modules\webpack\lib\NormalModule.js:743:3)
    at NormalModule.build (F:\dp\vuepress-next-c\node_modules\webpack\lib\NormalModule.js:893:15)
    at F:\dp\vuepress-next-c\node_modules\webpack\lib\Compilation.js:1311:12
    at NormalModule.needBuild (F:\dp\vuepress-next-c\node_modules\webpack\lib\NormalModule.js:1161:26)

This is 'pakeage.json':

{
	"name": "vuepress-next-c",
	"version": "1.0.0",
	"main": "index.js",
	"license": "MIT",
	"scripts": {
		"dev": "vuepress dev",
		"build": "vuepress build"
	},
	"devDependencies": {
		"eslint": "^7.26.0",
		"typescript": "^4.2.4",
		"vuepress": "^2.0.0-beta.14"
	},
	"dependencies": {
		"@vuepress/plugin-docsearch": "^2.0.0-alpha.1"
	}
}

..\node_modules\webpack\lib\NormalModule.js:757:26，The following is the location of the error code exception

processResource: (loaderContext, resource, callback) => {
	const scheme = getScheme(resource);
        // 这个 scheme Returned 'F:'
	if (scheme) {
		hooks.readResourceForScheme
			.for(scheme)
			.callAsync(resource, this, (err, result) => {
				if (err) return callback(err);
				// here result  -> undefined
				if (typeof result !== "string" && !result) {
					return callback(new UnhandledSchemeError(scheme, resource));
				}
				return callback(null, result);
			});
	} else {
		loaderContext.addDependency(resource);
		fs.readFile(resource, callback);
	}
}

After the debugger test, the 'getscheme()' returns the path drive letter: "F:" ,but I don't know how to fix this problem. Please help me. Thank you again.

[meteorlxy]

You can use the path util that provided by @vuepress/utils, i.e.

const { path } = require('@vuepress/utils');

[yzx9]

Same issues as I ran into earlier this year, maybe we should warned in plugin docs.

[meteorlxy]

Just added const { path } = require('@vuepress/utils'); in docs.

Not sure if users will notice it. Or maybe we should put a warning or tip somewhere (but not sure where to put it)

[cliek]

Thanks to the team for their help, I double checked the documentation, which was indeed an oversight, and the 'path' reference should have come from@vuepress-utils.