Skip to content

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

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions