Bit build error: bitdev.vue/vue-env@1.1.3, task "teambit.preview/preview:GeneratePreview" threw an error You must supply options.input to rollup

[subham25997]

When I do bit build, I am getting following error:

Please help me to resolve this as soon as possible. Let me know if you need any other information.

Specifications

• Bit version: 1.8.20
• Node version: 20.16.0
• npm version: 10.8.1

[subham25997]

Can someone help?

I tried following things to fix it:

• Deleting node modules and reinstalling deps
• Reinstalling bit using npm i @teambit/bvm and bvm install

But it didn't fix the issue.

[Jinjiang]

@subham25997 I'm handling this. 🙏

[Jinjiang]

@subham25997 may I know the bit list and bit envs output?

Honestly, I've met this issue before (on macOS) but this time w/ a single vue component on vue-env v1.1.3 on bit v1.8.20 I couldn't. I guess there are some other triggers.

Thanks.

[subham25997]

@Jinjiang bit list shows:

┌───────────────────────────────────────┬─────────────────┬───────────────────┐
│ component ID                          │ latest in scope │ used in workspace │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/composables/use-table-header │ 0.0.5           │ 0.0.1             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/core/app-navigation          │ 0.0.5           │ 0.0.2             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/core/custom-button           │ 0.0.6           │ 0.0.2             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/core/data-table              │ 0.0.7           │ 0.0.2             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/envs/my-vue-env              │ 0.0.4           │ 0.0.2             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/envs/my-vue-wrapper          │ 0.0.3           │ 0.0.1             │
├───────────────────────────────────────┼─────────────────┼───────────────────┤
│ suite360/layouts/default-layout       │ 0.0.8           │ 0.0.3             

bit envs shows:

┌─────────────────────────────────────────────┬────────────────────────────────────┐
│ component                                   │ env                                │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/composables/use-table-header@0.0.1 │ suite360/envs/my-vue-env@0.0.2     │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/core/app-navigation@0.0.2          │ suite360/envs/my-vue-env@0.0.2     │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/core/custom-button@0.0.2           │ suite360/envs/my-vue-env@0.0.2     │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/core/data-table@0.0.2              │ suite360/envs/my-vue-env@0.0.2     │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/envs/my-vue-env@0.0.2              │ bitdev.general/envs/bit-env@1.0.13 │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/envs/my-vue-wrapper@0.0.1          │ bitdev.vue/vue-env@1.1.3           │
├─────────────────────────────────────────────┼────────────────────────────────────┤
│ suite360/layouts/default-layout@0.0.3       │ suite360/envs/my-vue-env@0.0.2     │
└─────────────────────────────────────────────┴────────────────────────────────────┘

[Jinjiang]

@subham25997 sorry I still couldn't reproduce it. Would you mind sending me your workspace with a zip file? the node_modules folder could be skipped since I can run bit install to get them back. thanks.

[subham25997]

@Jinjiang Please find the attached zip folder
suite360-workspace.zip

[Jinjiang]

@subham25997 interestingly, I still couldn't reproduce it. And after some modifications this zip works from my side:
issue-9172-suite360-workspace.zip
what I've changed (you can also refer to the diff file):

1. First of all, seems yoru remote scope is not the public one, so I have to set all the scope of local components as empty from .bitmap and reset their envs. (you don't have to do this step based on your original workspace)
2. fixed some type errors and linting errors
   • <!-- eslint-disable-next-line vue/require-v-for-key --> in use-table-header
   • // eslint-disable-next-line @typescript-eslint/no-explicit-any and const useCounter: any = () => {}; in use-table-header
   • // eslint-disable-next-line @typescript-eslint/no-unused-vars in use-table-header
   • preview() as any in my-vue-env
3. skipped all the test cases
4. my-vue-env: fixed the __dirname as bit build failed: dev+vue.dev-services.linter.v_zh54tchgb56oqy7unumk5ggzty\node_modules\@bitdev\vue.dev-services.linter.vue-eslint-config\dist\index.js': Cannot find module '@typescript-esdev+vue.dev-services.linter.v_zlint/eslint-plugin' #9112 (comment) suggested
   • import { fileURLToPath } from 'url'
   • const __dirname = dirname(fileURLToPath(import.meta.url));
5. my-vue-wrapper: update its env from vue-env v1.1.0 to v1.1.3

The diff:

diff --git a/.bitmap b/.bitmap
index 37f46ce..89619e8 100644
--- a/.bitmap
+++ b/.bitmap
@@ -11,52 +11,101 @@
 {
     "composables/use-table-header": {
         "name": "composables/use-table-header",
-        "scope": "suite360",
-        "version": "0.0.1",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/composables/use-table-header"
+        "rootDir": "suite360/composables/use-table-header",
+        "config": {
+            "suite360/envs/my-vue-env": {},
+            "teambit.envs/envs": {
+                "env": "suite360/envs/my-vue-env"
+            }
+        }
     },
     "core/app-navigation": {
         "name": "core/app-navigation",
-        "scope": "suite360",
-        "version": "0.0.2",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/core/app-navigation"
+        "rootDir": "suite360/core/app-navigation",
+        "config": {
+            "suite360/envs/my-vue-env": {},
+            "teambit.envs/envs": {
+                "env": "suite360/envs/my-vue-env"
+            }
+        }
     },
     "core/custom-button": {
         "name": "core/custom-button",
-        "scope": "suite360",
-        "version": "0.0.2",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/core/custom-button"
+        "rootDir": "suite360/core/custom-button",
+        "config": {
+            "suite360/envs/my-vue-env": {},
+            "teambit.envs/envs": {
+                "env": "suite360/envs/my-vue-env"
+            }
+        }
     },
     "core/data-table": {
         "name": "core/data-table",
-        "scope": "suite360",
-        "version": "0.0.2",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/core/data-table"
+        "rootDir": "suite360/core/data-table",
+        "config": {
+            "suite360/envs/my-vue-env": {},
+            "teambit.envs/envs": {
+                "env": "suite360/envs/my-vue-env"
+            }
+        }
     },
     "envs/my-vue-env": {
         "name": "envs/my-vue-env",
-        "scope": "suite360",
-        "version": "0.0.2",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/envs/my-vue-env"
+        "rootDir": "suite360/envs/my-vue-env",
+        "config": {
+            "bitdev.general/envs/bit-env@1.0.8": {},
+            "teambit.envs/envs": {
+                "env": "bitdev.general/envs/bit-env"
+            }
+        }
     },
     "envs/my-vue-wrapper": {
         "name": "envs/my-vue-wrapper",
-        "scope": "suite360",
-        "version": "0.0.1",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/envs/my-vue-wrapper"
+        "rootDir": "suite360/envs/my-vue-wrapper",
+        "config": {
+            "bitdev.vue/vue-env@1.1.3": {},
+            "teambit.envs/envs": {
+                "env": "bitdev.vue/vue-env"
+            }
+        }
     },
     "layouts/default-layout": {
         "name": "layouts/default-layout",
-        "scope": "suite360",
-        "version": "0.0.3",
+        "scope": "",
+        "version": "",
+        "defaultScope": "suite360",
         "mainFile": "index.ts",
-        "rootDir": "suite360/layouts/default-layout"
+        "rootDir": "suite360/layouts/default-layout",
+        "config": {
+            "suite360/envs/my-vue-env": {},
+            "teambit.envs/envs": {
+                "env": "suite360/envs/my-vue-env"
+            }
+        }
     },
     "$schema-version": "17.0.0"
 }
diff --git a/suite360/composables/use-table-header/use-table-header-basic.fixture.vue b/suite360/composables/use-table-header/use-table-header-basic.fixture.vue
index 07de3a0..6737a35 100644
--- a/suite360/composables/use-table-header/use-table-header-basic.fixture.vue
+++ b/suite360/composables/use-table-header/use-table-header-basic.fixture.vue
@@ -7,6 +7,7 @@ const { mobileTableHeaders } = useMobileInformation();
   <div>
     <h5>Table headers are:</h5>
     <ul>
+      <!-- eslint-disable-next-line vue/require-v-for-key -->
       <li v-for="header of mobileTableHeaders">
         { title: {{ header.title }}, key: {{ header.key }} }
       </li>
diff --git a/suite360/composables/use-table-header/use-table-header.spec.ts b/suite360/composables/use-table-header/use-table-header.spec.ts
index 887e67e..5f10e6d 100644
--- a/suite360/composables/use-table-header/use-table-header.spec.ts
+++ b/suite360/composables/use-table-header/use-table-header.spec.ts
@@ -1,9 +1,12 @@
 import { render } from "@testing-library/vue";
 import { BasicUseTableHeader } from "./use-table-header.composition";
 
-import { useCounter } from "./use-table-header"
+// import { useCounter } from "./use-table-header"
 
-describe("useCounter", () => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const useCounter: any = () => {};
+
+describe.skip("useCounter", () => {
   it("should be defined", () => {
     expect(useCounter).toBeDefined();
   });
@@ -80,7 +83,7 @@ describe("useCounter", () => {
   });
 });
 
-describe("BasicUseTableHeader", () => {
+describe.skip("BasicUseTableHeader", () => {
   it("should render", async () => {
     const { getByText, findByText } = render(BasicUseTableHeader);
 
diff --git a/suite360/composables/use-table-header/use-table-header.ts b/suite360/composables/use-table-header/use-table-header.ts
index 6d11511..0301f65 100644
--- a/suite360/composables/use-table-header/use-table-header.ts
+++ b/suite360/composables/use-table-header/use-table-header.ts
@@ -12,6 +12,7 @@ export interface UseCounterOptions {
  * @param [initialValue=0]
  * @param {Object} options
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function useMobileInformation(initialValue = 0, options: UseCounterOptions = {}) {
   const mobileTableHeaders = ref([
     {
diff --git a/suite360/core/app-navigation/app-navigation.spec.ts b/suite360/core/app-navigation/app-navigation.spec.ts
index 028f077..9d01dde 100644
--- a/suite360/core/app-navigation/app-navigation.spec.ts
+++ b/suite360/core/app-navigation/app-navigation.spec.ts
@@ -1,8 +1,8 @@
 import { render } from "@testing-library/vue";
 import { BasicAppNavigation } from "./app-navigation.composition";
 
-// it("should render with the correct text", () => {
+it.skip("should render with the correct text", () => {
   const { getByText } = render(BasicAppNavigation);
   const rendered = getByText(/Hello World/);
   expect(rendered).toBeTruthy();
 });
diff --git a/suite360/core/data-table/data-table.spec.ts b/suite360/core/data-table/data-table.spec.ts
index 1204e41..8d47234 100644
--- a/suite360/core/data-table/data-table.spec.ts
+++ b/suite360/core/data-table/data-table.spec.ts
@@ -1,7 +1,7 @@
 import { render } from "@testing-library/vue";
 import { BasicDataTable } from "./data-table.composition";
 
-it("should render with the correct text", () => {
+it.skip("should render with the correct text", () => {
   const { getByText } = render(BasicDataTable);
   const rendered = getByText(/Hello World/);
   expect(rendered).toBeTruthy();
diff --git a/suite360/envs/my-vue-env/my-vue-env.bit-env.ts b/suite360/envs/my-vue-env/my-vue-env.bit-env.ts
index 4c98c32..e1da9d7 100644
--- a/suite360/envs/my-vue-env/my-vue-env.bit-env.ts
+++ b/suite360/envs/my-vue-env/my-vue-env.bit-env.ts
@@ -4,6 +4,7 @@
  */
 import { createRequire } from 'module';
 import { dirname } from 'path';
+import { fileURLToPath } from 'url'
 
 import { VueEnv } from '@bitdev/vue.vue-env';
 
@@ -20,7 +21,7 @@ import { VueVitePreview } from '@bitdev/vue.dev-services.preview.vue-vite-previe
 const require = createRequire(import.meta.url);
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const __dirname = dirname(new URL(import.meta.url).pathname);
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 // Ensure @bitdev/vue.envs.vue-modern-env/config/tsconfig.json in ./config/tsconfig.json
 require.resolve('@bitdev/vue.envs.vue-modern-env');
@@ -95,7 +96,7 @@ export class MyVueEnv extends VueEnv {
       docsTemplate: require.resolve('./preview/docs.js'),
       mounter: require.resolve('./preview/mounter.js'),
       viteConfig: require.resolve('./config/vite.config.mjs'),
-    });
+    }) as any;
   }
 
   /**
diff --git a/suite360/layouts/default-layout/default-layout.spec.ts b/suite360/layouts/default-layout/default-layout.spec.ts
index 3ebb00c..e987ef3 100644
--- a/suite360/layouts/default-layout/default-layout.spec.ts
+++ b/suite360/layouts/default-layout/default-layout.spec.ts
@@ -1,8 +1,8 @@
 import { render } from "@testing-library/vue";
 import { BasicDefaultLayout } from "./default-layout.composition";
 
-it("should render with the correct text", () => {
+it.skip("should render with the correct text", () => {
   const { getByText } = render(BasicDefaultLayout);
   const rendered = getByText(/Hello World/);
   expect(rendered).toBeTruthy();
 });

build log:

C:\Users\zhaoj\code\issue-9172-suite360-workspace>bit build
✔ install packages in 7 capsules. Succeeded in 1m
  Total 7 components to build
  

  Running build pipeline using 3 environment(s), total 34 tasks 
  building 5 components of env "suite360/envs/my-vue-env". original seeders of this env: 5, graph of this env: 5, graph total (include other envs): 7
  building 1 components of env "bitdev.general/envs/bit-env@1.0.8". original seeders of this env: 1, graph of this env: 1, graph total (include other envs): 2
  building 1 components of env "bitdev.vue/vue-env@1.1.3". original seeders of this env: 1, graph of this env: 1, graph total (include other envs): 1
✔ (1/34) (envs/my-vue-env) [Aspect: CoreExporter] Completed successfully in 512μs
✔ (2/34) (envs/bit-env) [Aspect: CoreExporter] Completed successfully in 56μs
✔ (3/34) (vue-env) [Aspect: CoreExporter] Completed successfully in 41μs
✔ (4/34) (envs/my-vue-env) [Compiler: VueCompiler] Completed successfully in 18s
✔ (5/34) (vue-env) [Compiler: VueCompiler] Completed successfully in 4s
✔ (6/34) (envs/bit-env) [Compiler: TypescriptCompile] Completed successfully in 3s
⠼ (7/34) (envs/my-vue-env) [Tester: VitestTest] testing components using Vitest
 RUN  v2.0.5 C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57

⠧ (7/34) (envs/my-vue-env) [Tester: VitestTest] testing components using Vitest ↓ suite360_composables_use-table-header/dist/u ↓ suite360_composables_use-table-header/dist/use-table-header.spec.js (4) [skipped]
 ↓ suite360_core_app-navigation/dist/app-navigation.spec.js (1) [skipped]
 ✓ suite360_core_custom-button/dist/custom-button.spec.js (1)
 ↓ suite360_core_data-table/dist/data-table.spec.js (1) [skipped]
 ↓ suite360_layouts_default-layout/dist/default-layout.spec.js (1) [skipped]

 Test Files  1 passed | 4 skipped (5)
      Tests  1 passed | 7 skipped (8)
   Start at  11:39:30
   Duration  1.18s (transform 275ms, setup 0ms, collect 2.16s, tests 18ms, environment 2.09s, prepare 381ms)

✔ (7/34) (envs/my-vue-env) [Tester: VitestTest] Completed successfully in 2s
✔ (8/34) (envs/bit-env) [Tester: VitestTest] Completed successfully in 712μs
⠋ (9/34) (vue-env) [Tester: VitestTest] testing components using Vitest
 RUN  v2.0.5 C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57

⠙ (9/34) (vue-env) [Tester: VitestTest] testing components using Vitest · suite360_envs_my-vue-wrapper/dist/my-wrapper.spec.js ✓ suite360_envs_my-vue-wrapper/dist/my-wrapper.spec.js (1)
   ✓ should render with the correct text

 Test Files  1 passed (1)
      Tests  1 passed (1)
   Start at  11:39:31
   Duration  990ms (transform 27ms, setup 0ms, collect 322ms, tests 29ms, environment 376ms, prepare 78ms)

✔ (9/34) (vue-env) [Tester: VitestTest] Completed successfully in 1s
✔ (10/34) (vue-env) [Tester: dummy] Completed successfully in 4ms
⠋ linting components (1/5) component: suite360/composables/use-table-header, # of files: 6=============

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=4.3.5 <5.4.0

YOUR TYPESCRIPT VERSION: 5.5.4

Please only submit bug reports when using the officially supported version.

=============
✔ (11/34) (envs/my-vue-env) [Linter: EslintLint] Completed successfully in 1s
✔ (12/34) (envs/bit-env) [Linter: EslintLint] Completed successfully in 6s
✔ (13/34) (vue-env) [Linter: EslintLint] Completed successfully in 780ms
✔ (14/34) (envs/my-vue-env) [Ui: BundleUI] Completed successfully in 190μs
✔ (15/34) (envs/my-vue-env) [Application: build_application] Completed successfully in 2ms
✔ (16/34) (envs/my-vue-env) [Pkg: PreparePackages] Completed successfully in 3ms
✔ (17/34) (envs/my-vue-env) [Schema: ExtractSchema] Completed successfully in 2s
✔ (18/34) (envs/my-vue-env) [Preview: GenerateEnvTemplate] Completed successfully in 2ms
⠋ running Vite bundler (1/1) running on 5 componentsvite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_composables_use-table-header/dist/use-table-header.docs.md".
✓ 5 modules transformed.
public/suite360_composables_use_table_header-preview.js  2.48 kB │ gzip: 1.06 kB
✓ built in 289ms
vite v5.4.2 building for production...
✓ 2 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/suite360_composables_use_table_header-component.js  0.60 kB │ gzip: 0.37 kB
✓ built in 17ms
vite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_core_app-navigation/dist/app-navigation.docs.md".
✓ 5 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/suite360_core_app_navigation-preview.js  3.07 kB │ gzip: 1.30 kB
✓ built in 32ms
vite v5.4.2 building for production...
✓ 2 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/suite360_core_app_navigation-component.js  1.44 kB │ gzip: 0.70 kB
✓ built in 22ms
vite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_core_custom-button/dist/custom-button.docs.md".
✓ 6 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/static/css/suite360/core/custom-button-preview.1724729982173.css  0.04 kB │ gzip: 0.06 kB
public/suite360_core_custom_button-preview.js                            1.81 kB │ gzip: 0.90 kB
✓ built in 40ms
vite v5.4.2 building for production...
✓ 3 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/static/css/suite360/core/custom-button.1724729982173.css  0.04 kB │ gzip: 0.06 kB
public/suite360_core_custom_button-component.js                  0.58 kB │ gzip: 0.39 kB
✓ built in 24ms
vite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_core_data-table/dist/data-table.docs.md".
✓ 6 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/static/css/suite360/core/data-table-preview.1724729982173.css  0.04 kB │ gzip: 0.06 kB
public/suite360_core_data_table-preview.js                            3.30 kB │ gzip: 1.46 kB
✓ built in 44ms
vite v5.4.2 building for production...
✓ 3 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/static/css/suite360/core/data-table.1724729982173.css  0.04 kB │ gzip: 0.06 kB
public/suite360_core_data_table-component.js                  0.76 kB │ gzip: 0.42 kB
✓ built in 26ms
vite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_layouts_default-layout/dist/default-layout.docs.md".
✓ 7 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/suite360_layouts_default_layout-preview.js  3.29 kB │ gzip: 1.36 kB
✓ built in 28ms
vite v5.4.2 building for production...
✓ 4 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\suite360__envs\my-vue-env-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/suite360__envs/my-vue-env-preview/public are not separate folders.

public/suite360_layouts_default_layout-component.js  1.98 kB │ gzip: 0.84 kB
✓ built in 27ms
✔ (19/34) (envs/my-vue-env) [Preview: GeneratePreview] Completed successfully in 1s
✔ (20/34) (envs/my-vue-env) [Preview: PreBundlePreview] Completed successfully in 377μs
✔ (21/34) (envs/bit-env) [Ui: BundleUI] Completed successfully in 12μs
✔ (22/34) (envs/bit-env) [Application: build_application] Completed successfully in 575μs
✔ (23/34) (envs/bit-env) [Pkg: PreparePackages] Completed successfully in 881μs
✔ (24/34) (envs/bit-env) [Schema: ExtractSchema] Completed successfully in 3s
⠋ running Vite bundler (1/1) running on 1 componentsvite v5.4.2 building for production...
transforming (710) ..\..\..\..\..\..\.bvm\versions\1.8.20\bit-1.8.20\node_modules\graphql\utilities\astFromValue.mjsDeprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

    ╷
36  │ ┌     &:first-child {
37  │ │       border-top-left-radius: $borderRadius;
38  │ │       border-bottom-left-radius: $borderRadius;
39  │ │     }
    │ └─── nested rule
... │
41  │       margin-right: $gap;
    │       ^^^^^^^^^^^^^^^^^^ declaration
    ╵
    ..\..\AppData\Local\.bvm\versions\1.8.20\bit-1.8.20\node_modules\@teambit\react.ui.component-highlighter\dist\label\component-strip.module.scss 41:5  root stylesheet

✓ 916 modules transformed.
public/.vite/manifest.json                      2.55 kB │ gzip:     0.55 kB
public/style.css                              141.48 kB │ gzip:    26.18 kB
public/peers.js                                 0.72 kB │ gzip:     0.41 kB
public/compositions-1724729986196.js            1.30 kB │ gzip:     0.64 kB
public/esm-C8S6wgTX.js                         24.51 kB │ gzip:     7.30 kB
public/index-BcIeokqp.js                       99.24 kB │ gzip:    25.38 kB
public/my-wrapper.vue-C1o6jC86.js             130.18 kB │ gzip:    37.03 kB
public/vue.runtime.esm-bundler-CKRubHNd.js    224.32 kB │ gzip:    68.97 kB
public/preview-root-1724729986196.js          300.00 kB │ gzip:    79.34 kB
public/preview.preview.runtime-tP1Y_ymn.js    633.34 kB │ gzip:   144.50 kB
public/index-DSremPIt.js                      661.58 kB │ gzip:   155.28 kB
public/overview-1724729986196.js            5,114.35 kB │ gzip: 1,354.62 kB
✓ built in 16.69s
✔ (25/34) (envs/bit-env) [Preview: GenerateEnvTemplate] Completed successfully in 17s
✔ (26/34) (envs/bit-env) [Preview: GeneratePreview] Completed successfully in 3s
✔ (27/34) (envs/bit-env) [Preview: PreBundlePreview] Completed successfully in 46μs
✔ (28/34) (vue-env) [Ui: BundleUI] Completed successfully in 14μs
✔ (29/34) (vue-env) [Application: build_application] Completed successfully in 2ms
✔ (30/34) (vue-env) [Pkg: PreparePackages] Completed successfully in 747μs
✔ (31/34) (vue-env) [Schema: ExtractSchema] Completed successfully in 5ms
✔ (32/34) (vue-env) [Preview: GenerateEnvTemplate] Completed successfully in 110μs
⠋ running Vite bundler (1/1) running on 1 componentsvite v5.4.2 building for production...
"default" is imported from external module "react" but never used in "../../AppData/Local/Bit/capsules/ec7a45a57/suite360_envs_my-vue-wrapper/dist/my-wrapper.docs.md".
✓ 5 modules transformed.
public/suite360_envs_my_vue_wrapper-preview.js  1.64 kB │ gzip: 0.82 kB
✓ built in 31ms
vite v5.4.2 building for production...
✓ 2 modules transformed.

(!) The public directory feature may not work correctly. outDir C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57\bitdev.vue__vue-env@1.1.3-preview\public and publicDir C:/Users/zhaoj/AppData/Local/Bit/capsules/ec7a45a57/bitdev.vue__vue-env@1.1.3-preview/public are not separate folders.

public/suite360_envs_my_vue_wrapper-component.js  0.42 kB │ gzip: 0.30 kB
✓ built in 19ms
✔ (33/34) (vue-env) [Preview: GeneratePreview] Completed successfully in 172ms
✔ (34/34) (vue-env) [Preview: PreBundlePreview] Completed successfully in 35μs
✔ Running build pipeline using 3 environment(s), total 34 tasks. Succeeded in 1m
  build output can be found in path: C:\Users\zhaoj\AppData\Local\Bit\capsules\ec7a45a57
build succeeded. completed in 3m.

C:\Users\zhaoj\code\issue-9172-suite360-workspace>

[subham25997]

suite360-workspace.zip

Please follow the following steps to reproduce it. Please try with the attached zip folder, not the previous one.

• Tag and export the component to remote scope by using:
  bit tag -m "message" --build and bit export

• After this, do some changes in component and tag it again using:
  bit tag -m "message" --build

Then you'll see this issue.

[Jinjiang]

I've tried the new one again. It worked as well. Maybe there are some other factors caused this error.🤔

Would you mind sharing the output of bit update (just share the option list, don't update them at first)?

And also would like to double-check with you the bit envs output if you don't mind.

Another thing you can try is randomly removing some components and run bit tag or bit build --include-tag to see whether it still get the same errors.

Thanks.

[subham25997]

@Jinjiang

**bit update** gives

Root policies
    ○ @bitdev/general.envs.bit-env                       (runtime)   ^1.0.8 ❯ ^1.0.13

    ○ @bitdev/vue.dev-services.linter.vue-eslint-config  (runtime)  ^0.0.10 ❯ ^0.0.11

    ○ @bitdev/vue.dev-services.preview.vue-docs-template (runtime)  ^0.0.10 ❯ ^0.0.11

    ○ @bitdev/vue.dev-services.preview.vue-mounter       (runtime)   ^0.0.8 ❯ ^0.0.9

    ○ @bitdev/vue.envs.vue-base-env                      (runtime)  ^1.0.13 ❯ ^1.0.14

    ○ @mdx-js/mdx                                        (runtime)   1.6.22 ❯ 3.0.1   because of suite360/envs/my-vue-env@0.0.2
    ○ @mdx-js/react                                      (runtime)   1.6.22 ❯ 3.0.1   because of suite360/envs/my-vue-env@0.0.2
    ○ @testing-library/vue                               (runtime)   ^8.0.3 ❯ ^8.1.0  because of suite360/envs/my-vue-env@0.0.2
    ○ @types/node                                        (runtime) 20.12.10 ❯ 22.5.1  because of suite360/envs/my-vue-env@0.0.2
    ○ @types/react                                       (runtime)  18.2.23 ❯ 18.3.4  because of suite360/envs/my-vue-env@0.0.2       
    ○ @types/react-dom                                   (runtime)  ^18.2.5 ❯ ^18.3.0 because of suite360/envs/my-vue-env@0.0.2       
    ○ @vitejs/plugin-vue                                 (runtime)   ^5.1.2 ❯ ^5.1.3
    ○ @vitest/coverage-v8                                (runtime)   ^2.0.3 ❯ ^2.0.5  because of suite360/envs/my-vue-env@0.0.2       
    ○ eslint                                             (runtime)   8.56.0 ❯ 9.9.1   because of suite360/envs/my-vue-env@0.0.2       
    ○ jsdom                                              (runtime)  ^24.0.0 ❯ ^25.0.0 because of suite360/envs/my-vue-env@0.0.2       
    ○ less                                               (runtime)   ^4.1.3 ❯ ^4.2.0  because of suite360/envs/my-vue-env@0.0.2 

bit envs gives,

┌───────────────────────────────────────┬───────────────────────────────────┐
│ component                             │ env                               │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/apps/b360-app@0.0.3          │ suite360/envs/my-vue-env@0.0.2    │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/apps/flights-module@0.0.9    │ suite360/envs/my-vue-env@0.0.2    │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/core/app-navigation@0.0.2    │ suite360/envs/my-vue-env@0.0.2    │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/core/customized-button@1.0.2 │ suite360/envs/my-vue-env@0.0.2    │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/core/customized-table@0.0.2  │ suite360/envs/my-vue-env@0.0.2    │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/envs/my-vue-env@0.0.2        │ bitdev.general/envs/bit-env@1.0.8 │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/envs/my-vue-wrapper@0.0.2    │ bitdev.vue/vue-env@1.1.3          │
├───────────────────────────────────────┼───────────────────────────────────┤
│ suite360/layouts/default-layout@0.0.2 │ suite360/envs/my-vue-env@0.0.2 

[Jinjiang]

I see. Would you mind updating only @bitdev/general.envs.bit-env from 1.0.8 to 1.0.13 and try to build again?

Also, do you meet the same build error if you just start from a new workspace with an clean my-vue-env, my-vue-wrapper, and a newly created Vue component? pseudo commands:

bit new vue my-vue-workspace ...
cd my-vue-workspace
# then install and compile necessarily
bit create vue ui/my-button
# then install and compile necessarily
bit build --include-tag

Thanks.

[subham25997]

In the beginning, I didn't get this issue. Okay let me try with this and will let you know.

[subham25997]

I updated and built it, but still getting this issue:

[subham25997]

@Jinjiang Is it something related to capsules path? I changed the capsules path a few days ago, using command:

bit config set capsules_root_base_dir "my-new-path" and also I am getting these warning messages: