Import in frontend extension causes unrelated error (version 8.8)

👨‍💻 Development Help
1

Hi, I added this import
import {AsyncActionService} from "../../../../core/app/core/src/lib/services/process/processes/async-action/async-action";
in defaultExt, in extension.module.ts (the path /extensions/defaultExt/app/src/extension.module.ts).
When I try to build with ng build defaultExt --configuration production i get the followind error

Error: core/app/core/src/lib/components/modal/components/classic-modal/classic-modal.component.html:29:1 - error NG8001: 'scrm-modal' is not a known element:
1. If 'scrm-modal' is an Angular component, then verify that it is part of this module.
2. If 'scrm-modal' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

I don’t even know what that has to do with the import, i’m not even doing anything with it. If i comment the import line everything builds without problems.

2

Maybe you’re missing some steps:

Run the Build Commands Sequentially: Build the frontend common, core, and shell packages in the specified order. Execute the following commands one by one:

yarn run build:common
yarn run build:core
yarn run build:shell

Here’s a brief explanation of what each command does:

  • yarn run build:common: This command builds the common package, which likely contains shared components, utilities, or libraries used across other parts of your project.
  • yarn run build:core: This command builds the core package, which is essential for the main functionality of your project.
  • yarn run build:shell: This command builds the shell package, which may contain the main application shell or entry point for your project.
3

Tried to run yarn build:common and it’s not recognized as a command. It works with core and shell.

4

Found the issue, i’m doing the import wrong. When you want to import something from the base code in a file located in an extension, you have to import from “core”, like this:
import {AsyncActionService} from "core";

2 Likes