fix: handle absolute output buildDir

src/load-config-meta.ts

@@ -2,7 +2,7 @@
 import { loadConfig, OutputTargetWww } from '@stencil/core/compiler';
 import { findUp } from 'find-up';
 import { existsSync } from 'fs';
-import { isAbsolute, join, relative } from 'path';
+import { dirname, isAbsolute, join, relative } from 'path';
 
 /**
  * Common shape for output targets with dir and buildDir properties.
@@ -69,11 +69,23 @@ export const loadConfigMeta = async (cwd?: string) => {
       // Get path from dev-server root to target dir
       // If dir is relative, it's already relative to project root (same as devServer.root)
       const targetDir = target.dir!;
-      const relativePath = isAbsolute(targetDir) ? relative(devServer.root!, targetDir) : targetDir;
+
+      // Use stencil config directory as fallback if devServer.root is not usable
+      const configDir = dirname(stencilConfigPath);
+      const rootDir = devServer.root && devServer.root !== '/' ? devServer.root : configDir;
+
+      const relativePath = isAbsolute(targetDir) ? relative(rootDir, targetDir) : targetDir;
 
       // dist/loader-bundle use empty string as default buildDir
+      // Stencil may resolve buildDir to absolute path, so we need to handle that
+      let buildDir = target.buildDir ?? '';
+      if (buildDir && isAbsolute(buildDir)) {
+        // If buildDir is absolute, compute relative path from targetDir
+        // If buildDir equals targetDir, use empty string (no subdirectory)
+        buildDir = buildDir === targetDir ? '' : relative(targetDir, buildDir);
+      }
+
       // Path structure: dir/buildDir/namespace/namespace (extra namespace folder)
-      const buildDir = target.buildDir ?? '';
       const entryPath = join(relativePath, buildDir, fsNamespace, fsNamespace);
       stencilEntryPath = entryPath === '' ? '.' : entryPath.startsWith('.') ? entryPath : `./${entryPath}`;
     } else {

test-project/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "test-stencil-project",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "@stencil/core": "^4.0.0"
+  }
+}

test-project/stencil.config.ts

@@ -0,0 +1,11 @@
+import { Config } from '@stencil/core';
+
+export const config: Config = {
+  namespace: 'TestAssetsGlobalStyle',
+  outputTargets: [
+    {
+      type: 'dist',
+      dir: 'dist/loader-bundle',
+    },
+  ],
+};

test-project/test-config.mjs

@@ -0,0 +1,9 @@
+import { createConfig } from '../dist/index.js';
+
+try {
+  const config = await createConfig();
+  console.log('stencilEntryPath:', process.env.STENCIL_ENTRY_PATH);
+  console.log('Config created successfully');
+} catch (e) {
+  console.error('Error:', e.message);
+}