Skip to content

awesome_owl module shows error: A css error occured, using an old style to render this page #1012

@shenhuiqi

Description

@shenhuiqi

Description:
It shows 'hello world' but with error 'A css error occured, using an old style to render this page', when access awesome_owl module in browser.

Setps to reproduce:

  1. Add awesome_owl tutorial module in odoo addons
  2. Start odoo application
  3. Activate awesome_owl module in Apps
  4. Type 'http://127.0.0.1:8069/awesome_owl' in browser address
  5. Shows 'hello world' with red color error message 'A css error occured, using an old style to render this page' at bottom of the browser

Error message in browser console:
scss_error_dialog.js:45 "Error: Undefined variable: "$theme-colors-rgb".
on line 92:24 of c:/users/shq/repo/odoo-19.0/odoo/addons/web/static/lib/bootstrap/scss/_utilities.scss
from line 3811:9 of stdin
values: map-loop($theme-colors-rgb, rgba-css-var, "$key", "focus-ring"
-----------------------^
This error occurred while compiling the bundle 'awesome_owl.assets_playground' containing:
- /web/static/lib/bootstrap/scss/_functions.scss
- /web/static/lib/bootstrap/scss/_mixins.scss
- /web/static/src/scss/functions.scss
- /web/static/src/scss/mixins_forwardport.scss
- /web/static/src/scss/bs_mixins_overrides.scss
- /web/static/src/scss/utils.scss
- /web/static/src/scss/primary_variables.scss
- /html_editor/static/src/scss/html_editor.variables.scss
- /web/static/src/core/avatar/avatar.variables.scss
- /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss
- /web/static/src/core/notifications/notification.variables.scss
- /web/static/src/search/control_panel/control_panel.variables.scss
- /web/static/src/search/search_bar/search_bar.variables.scss
- /web/static/src/search/search_panel/search_panel.variables.scss
- /web/static/src/views/fields/statusbar/statusbar_field.variables.scss
- /web/static/src/views/fields/translation_button.variables.scss
- /web/static/src/views/form/form.variables.scss
- /web/static/src/views/kanban/kanban.variables.scss
- /web/static/src/webclient/burger_menu/burger_menu.variables.scss
- /web/static/src/webclient/navbar/navbar.variables.scss
- /onboarding/static/src/scss/onboarding.variables.scss
- /mail/static/src/core/common/primary_variables.scss
- /mail/static/src/scss/variables/primary_variables.scss
- /portal/static/src/scss/primary_variables.scss
- /account/static/src/scss/variables.scss
- /web/static/src/scss/secondary_variables.scss
- /html_editor/static/src/scss/secondary_variables.scss
- /web/static/src/scss/pre_variables.scss
- /web/static/lib/bootstrap/scss/_variables.scss
- /web/static/src/scss/import_bootstrap.scss
- /web/static/src/scss/utilities_custom.scss
- /web/static/lib/bootstrap/scss/utilities/_api.scss
- /web/static/src/scss/bootstrap_review.scss
- /web/static/src/core/utils/transitions.scss
- /web/static/src/core/action_swiper/action_swiper.scss
- /web/static/src/core/autocomplete/autocomplete.scss
- /web/static/src/core/avatar/avatar.scss
- /web/static/src/core/badge/badge.scss
- /web/static/src/core/barcode/barcode_dialog.scss
- /web/static/src/core/barcode/crop_overlay.scss
- /web/static/src/core/bottom_sheet/bottom_sheet.scss
- /web/static/src/core/checkbox/checkbox.scss
- /web/static/src/core/color_picker/color_picker.scss
- /web/static/src/core/color_picker/custom_color_picker/custom_color_picker.scss
- /web/static/src/core/colorlist/colorlist.scss
- /web/static/src/core/commands/command_palette.scss
- /web/static/src/core/datetime/datetime_picker.scss
- /web/static/src/core/debug/debug_menu.scss
- /web/static/src/core/dialog/dialog.scss
- /web/static/src/core/dropdown/accordion_item.scss
- /web/static/src/core/dropdown/dropdown.scss
- /web/static/src/core/dropzone/dropzone.scss
- /web/static/src/core/effects/rainbow_man.scss
- /web/static/src/core/emoji_picker/emoji_picker.dark.scss
- /web/static/src/core/emoji_picker/emoji_picker.scss
- /web/static/src/core/errors/error_dialog.scss
- /web/static/src/core/file_upload/file_upload_progress_bar.scss
- /web/static/src/core/file_upload/file_upload_progress_record.scss
- /web/static/src/core/file_viewer/file_viewer.dark.scss
- /web/static/src/core/file_viewer/file_viewer.scss
- /web/static/src/core/ir_ui_view_code_editor/code_editor.scss
- /web/static/src/core/model_field_selector/model_field_selector.scss
- /web/static/src/core/model_field_selector/model_field_selector_popover.scss
- /web/static/src/core/model_selector/model_selector.scss
- /web/static/src/core/notebook/notebook.scss
- /web/static/src/core/notifications/notification.scss
- /web/static/src/core/overlay/overlay_container.scss
- /web/static/src/core/pager/pager_indicator.scss
- /web/static/src/core/popover/popover.scss
- /web/static/src/core/pwa/install_prompt.scss
- /web/static/src/core/record_selectors/record_selectors.scss
- /web/static/src/core/resizable_panel/resizable_panel.scss
- /web/static/src/core/select_menu/select_menu.scss
- /web/static/src/core/signature/name_and_signature.scss
- /web/static/src/core/tags_list/tags_list.scss
- /web/static/src/core/time_picker/time_picker.scss
- /web/static/src/core/tooltip/tooltip.scss
- /web/static/src/core/tree_editor/tree_editor.scss
- /web/static/src/core/ui/block_ui.scss
- /web/static/src/core/utils/draggable_hook_builder.scss
- /web/static/src/core/utils/nested_sortable.scss"
owl.js:5930 Owl is running in 'dev' mode.
owl.js:3197 Component 'Playground' does not have a static props description
validateProps @ owl.js:3197

Environment:
odoo version:19.0
tutorial version:19.0
browser version: MS Edge 141

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions