Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

3.0: Intermittent error : [Vue warn]: Cannot find element: #apos-modals

See original GitHub issue

The error: [Vue warn]: Cannot find element: #apos-modals shown in the below snapshot appears intermittently between page refreshes.

I have cloned the apostrophe-3 boilerplate following the apostrophe3 docs, removed the default markup from the templates and added jquery to the page.

Page source of the home url where the error occurs:


<!DOCTYPE html>
<html lang="en" >
  <head>
    
    
    

    <title>
  Home
  
</title>
    
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    

    
  




  </head>
  
  <body class=" apos-theme--primary-purple " data-apos-level='0' data-apos='{"modules":{"@apostrophecms/admin-bar":{"items":[{"name":"@apostrophecms/user","action":"@apostrophecms/user:manager","label":"Users","permission":{"action":"edit","type":"@apostrophecms/user"},"options":{}},{"name":"@apostrophecms/image","action":"@apostrophecms/image:manager","label":"Images","permission":{"action":"edit","type":"@apostrophecms/image"},"options":{}},{"name":"@apostrophecms/image-tag","action":"@apostrophecms/image-tag:manager","label":"Image Tags","permission":{"action":"edit","type":"@apostrophecms/image-tag"},"options":{}},{"name":"@apostrophecms/file","action":"@apostrophecms/file:manager","label":"Files","permission":{"action":"edit","type":"@apostrophecms/file"},"options":{}},{"name":"@apostrophecms/file-tag","action":"@apostrophecms/file-tag:manager","label":"File Tags","permission":{"action":"edit","type":"@apostrophecms/file-tag"},"options":{}}],"components":{"the":"TheAposAdminBar"},"openOnLoad":true,"openOnHomepageLoad":true,"closeDelay":3000,"context":{"_id":"ckiohubqr0005bkpnyymf3bhv","title":"Home","type":"@apostrophecms/home-page","_url":"/","slug":"/"},"contextId":"ckiohubqr0005bkpnyymf3bhv","htmlPageId":"ckiq0i07x004ue8pn1hdl5ply","contextEditorName":"@apostrophecms/page:editor","alias":"adminBar"},"@apostrophecms/notification":{"action":"/api/v1/@apostrophecms/notification","alias":"notification"},"@apostrophecms/login":{"action":"/api/v1/@apostrophecms/login","user":{"_id":"ckiohue7i000abkpndz4gqjnv","firstName":"admin","title":"admin","username":"admin"},"alias":"login"},"@apostrophecms/schema":{"components":{"fields":{"area":"AposInputArea","string":"AposInputString","slug":"AposInputSlug","boolean":"AposInputBoolean","checkboxes":"AposInputCheckboxes","select":"AposInputSelect","integer":"AposInputString","float":"AposInputString","email":"AposInputString","color":"AposInputColor","range":"AposInputRange","url":"AposInputString","date":"AposInputString","time":"AposInputString","password":"AposInputPassword","group":"AposInputGroup","array":"AposInputArray","object":"AposInputObject","relationship":"AposInputRelationship","relationshipReverse":false,"attachment":"AposInputAttachment","oembed":"AposInputOembed"}},"alias":"schema"},"@apostrophecms/doc":{"action":"/api/v1/@apostrophecms/doc","alias":"doc"},"@apostrophecms/version":{"action":"/api/v1/@apostrophecms/version","alias":"version"},"@apostrophecms/modal":{"modals":[{"itemName":"@apostrophecms/global:manager","componentName":"AposPiecesManager","props":{"moduleName":"@apostrophecms/global"}},{"itemName":"@apostrophecms/global:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/global"}},{"itemName":"@apostrophecms/page:manager","componentName":"AposPagesManager","props":{"moduleName":"@apostrophecms/page"}},{"itemName":"@apostrophecms/page:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/page"}},{"itemName":"@apostrophecms/user:manager","componentName":"AposPiecesManager","props":{"moduleName":"@apostrophecms/user"}},{"itemName":"@apostrophecms/user:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/user"}},{"itemName":"@apostrophecms/image:manager","componentName":"AposMediaManager","props":{"moduleName":"@apostrophecms/image"}},{"itemName":"@apostrophecms/image:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/image"}},{"itemName":"@apostrophecms/image-tag:manager","componentName":"AposPiecesManager","props":{"moduleName":"@apostrophecms/image-tag"}},{"itemName":"@apostrophecms/image-tag:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/image-tag"}},{"itemName":"@apostrophecms/file:manager","componentName":"AposPiecesManager","props":{"moduleName":"@apostrophecms/file"}},{"itemName":"@apostrophecms/file:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/file"}},{"itemName":"@apostrophecms/file-tag:manager","componentName":"AposPiecesManager","props":{"moduleName":"@apostrophecms/file-tag"}},{"itemName":"@apostrophecms/file-tag:editor","componentName":"AposDocEditor","props":{"moduleName":"@apostrophecms/file-tag"}}],"components":{"the":"TheAposModals","confirm":"AposModalConfirm"},"alias":"modal"},"@apostrophecms/attachment":{"action":"/api/v1/@apostrophecms/attachment","fileGroups":[{"name":"images","label":"Images","extensions":["gif","jpg","png"],"extensionMaps":{"jpeg":"jpg"},"image":true},{"name":"office","label":"Office","extensions":["txt","rtf","pdf","xls","ppt","doc","pptx","sldx","ppsx","potx","xlsx","xltx","csv","docx","dotx"],"extensionMaps":{},"image":false}],"name":"attachment","uploadsUrl":"/uploads","croppable":{"gif":true,"jpg":true,"png":true},"sized":{"gif":true,"jpg":true,"png":true},"alias":"attachment"},"@apostrophecms/oembed":{"action":"/api/v1/@apostrophecms/oembed","alias":"oembed"},"@apostrophecms/any-doc-type":{"name":"@apostrophecms/any-doc-type","action":"/api/v1/@apostrophecms/any-doc-type","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","following":"title","required":true,"group":{"name":"utility"},"_id":"29cc3aee08a22c7b069370939c93c4eb"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]},"@apostrophecms/global":{"name":"@apostrophecms/global","label":"Global","pluralLabel":"Global","action":"/api/v1/@apostrophecms/global","schema":[],"filters":[{"name":"visibility","label":"Visibility","inputType":"radio","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"},{"value":null,"label":"Any"}],"allowedInChooser":false,"def":true},{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"},{"name":"visibility","label":"Visibility"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}}],"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposPiecesManager"},"_id":"ckiohuboi0002bkpnimfq5eb7","alias":"global"},"@apostrophecms/polymorphic-type":{"name":"@apostrophecms/polymorphic","action":"/api/v1/@apostrophecms/polymorphic-type","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","following":"title","required":true,"group":{"name":"utility"},"_id":"29cc3aee08a22c7b069370939c93c4eb"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]},"@apostrophecms/page":{"action":"/api/v1/@apostrophecms/page","label":"Page","pluralLabel":"Pages","components":{"insertModal":"AposDocEditor","managerModal":"AposPagesManager"},"page":{"title":"Home","slug":"/","_id":"ckiohubqr0005bkpnyymf3bhv","type":"@apostrophecms/home-page","_url":"/","ancestors":[]},"name":"@apostrophecms/page","quickCreate":true,"alias":"page"},"@apostrophecms/home-page":{"name":"@apostrophecms/home-page","label":"Home Page","action":"/api/v1/@apostrophecms/home-page","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"main","type":"area","options":{"widgets":{"@apostrophecms/rich-text":{"toolbar":["styles","|","bold","italic","strike","link","|","bullet_list","ordered_list"],"styles":[{"tag":"p","label":"Paragraph (P)"},{"tag":"h3","label":"Heading 3 (H3)"},{"tag":"h4","label":"Heading 4 (H4)"}]},"@apostrophecms/image":{},"@apostrophecms/video":{}}},"group":{"name":"basics","label":"Basics"},"label":"Main","_id":"48bd41d0120a143082e962db5bd9ac25"},{"name":"slug","type":"slug","label":"Slug","required":true,"page":true,"following":"title","group":{"name":"utility"},"_id":"59ffb66aa916fb4541003ad46a49ab52"},{"name":"type","type":"select","label":"Type","required":true,"choices":[{"value":"default-page","label":"Default"},{"value":"@apostrophecms/home-page","label":"Home"}],"group":{"name":"utility"},"_id":"f30a526b60680a9fd84d2251f87a1ef6"},{"name":"orphan","type":"boolean","label":"Hide in Navigation","def":false,"group":{"name":"utility"},"_id":"88ef6252cb330cc8aa30c1dd6c9bd726"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]},"@apostrophecms/trash":{"name":"@apostrophecms/trash","action":"/api/v1/@apostrophecms/trash","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","required":true,"page":true,"following":"title","group":{"name":"utility"},"_id":"59ffb66aa916fb4541003ad46a49ab52"},{"name":"type","type":"select","label":"Type","required":true,"choices":[{"value":"default-page","label":"Default"},{"value":"@apostrophecms/home-page","label":"Home"}],"group":{"name":"utility"},"_id":"f30a526b60680a9fd84d2251f87a1ef6"},{"name":"orphan","type":"boolean","label":"Hide in Navigation","def":false,"group":{"name":"utility"},"_id":"88ef6252cb330cc8aa30c1dd6c9bd726"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]},"@apostrophecms/search":{"name":"@apostrophecms/search","action":"/api/v1/@apostrophecms/search","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","required":true,"page":true,"following":"title","group":{"name":"utility"},"_id":"59ffb66aa916fb4541003ad46a49ab52"},{"name":"type","type":"select","label":"Type","required":true,"choices":[{"value":"default-page","label":"Default"},{"value":"@apostrophecms/home-page","label":"Home"}],"group":{"name":"utility"},"_id":"f30a526b60680a9fd84d2251f87a1ef6"},{"name":"orphan","type":"boolean","label":"Hide in Navigation","def":false,"group":{"name":"utility"},"_id":"88ef6252cb330cc8aa30c1dd6c9bd726"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}],"alias":"search"},"@apostrophecms/any-page-type":{"name":"@apostrophecms/page","pluralLabel":"Pages","action":"/api/v1/@apostrophecms/any-page-type","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","following":"title","required":true,"group":{"name":"utility"},"_id":"29cc3aee08a22c7b069370939c93c4eb"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]},"@apostrophecms/area":{"components":{"editor":"AposAreaEditor","widgets":{"@apostrophecms/rich-text":"AposRichTextWidget","@apostrophecms/html":"AposWidget","@apostrophecms/image":"AposWidget","@apostrophecms/video":"AposWidget"},"widgetEditors":{"@apostrophecms/rich-text":"AposRichTextWidgetEditor","@apostrophecms/html":"AposWidgetEditor","@apostrophecms/image":"AposWidgetEditor","@apostrophecms/video":"AposWidgetEditor"}},"widgetIsContextual":{"@apostrophecms/rich-text":true},"contextualWidgetDefaultData":{"@apostrophecms/rich-text":{"content":""}},"widgetManagers":{"@apostrophecms/rich-text":"@apostrophecms/rich-text-widget","@apostrophecms/html":"@apostrophecms/html-widget","@apostrophecms/image":"@apostrophecms/image-widget","@apostrophecms/video":"@apostrophecms/video-widget"},"action":"/api/v1/@apostrophecms/area","alias":"area"},"@apostrophecms/rich-text-widget":{"components":{"widgetEditor":"AposRichTextWidgetEditor","widget":"AposRichTextWidget"},"tools":{"styles":{"component":"AposTiptapStyles","label":"Styles"},"|":{"component":"AposTiptapDivider"},"bold":{"component":"AposTiptapButton","label":"Bold","icon":"format-bold-icon"},"italic":{"component":"AposTiptapButton","label":"Italic","icon":"format-italic-icon"},"horizontal_rule":{"component":"AposTiptapButton","label":"Horizontal Rule","icon":"minus-icon"},"link":{"component":"AposTiptapLink","label":"Link","icon":"link-icon"},"bullet_list":{"component":"AposTiptapButton","label":"Bulleted List","icon":"format-list-bulleted-icon"},"ordered_list":{"component":"AposTiptapButton","label":"Ordered List","icon":"format-list-numbered-icon"},"strike":{"component":"AposTiptapButton","label":"Strike","icon":"format-strikethrough-variant-icon"},"blockquote":{"component":"AposTiptapButton","label":"Blockquote","icon":"format-quote-close-icon"},"code_block":{"component":"AposTiptapButton","label":"Code Block","icon":"code-tags-icon"},"undo":{"component":"AposTiptapButton","label":"Undo","icon":"undo-icon"},"redo":{"component":"AposTiptapButton","label":"Redo","icon":"redo-icon"}},"name":"@apostrophecms/rich-text","label":"Rich Text","action":"/api/v1/@apostrophecms/rich-text-widget","schema":[],"contextual":true,"className":"bp-rich-text"},"@apostrophecms/html-widget":{"name":"@apostrophecms/html","label":"Raw HTML","action":"/api/v1/@apostrophecms/html-widget","schema":[{"name":"code","type":"string","label":"Raw HTML (Code)","textarea":true,"help":"Be careful when embedding third-party code, as it can break the website editing functionality. If a page becomes unusable, add \"?safe_mode=1\" to the URL to make it work temporarily without the problem code being rendered.","group":{"name":"ungrouped","label":"Ungrouped"},"_id":"6d14ba74dd851d3eead317311c6adf01"}],"className":false},"@apostrophecms/image-widget":{"name":"@apostrophecms/image","label":"Image","action":"/api/v1/@apostrophecms/image-widget","schema":[{"name":"_image","type":"relationship","label":"Image","max":1,"required":true,"withType":"@apostrophecms/image","group":{"name":"ungrouped","label":"Ungrouped"},"idsStorage":"imageIds","_id":"7c3b499b648493f5f16762b7539acf53"}],"className":"bp-image-widget"},"@apostrophecms/oembed-field":{"name":"oembed","action":"/api/v1/@apostrophecms/oembed-field","alias":"oembedFields"},"@apostrophecms/video-widget":{"name":"@apostrophecms/video","label":"Video","action":"/api/v1/@apostrophecms/video-widget","schema":[{"name":"video","type":"oembed","oembedType":"video","label":"Video URL","help":"Enter the URL for a media source you wish to embed (e.g., YouTube, Vimeo, or other hosted video URL).","required":true,"group":{"name":"ungrouped","label":"Ungrouped"},"_id":"d6e37049bac95fa59524d50042d063e4"}],"className":"bp-video-widget"},"@apostrophecms/user":{"name":"@apostrophecms/user","label":"User","pluralLabel":"Users","action":"/api/v1/@apostrophecms/user","schema":[{"name":"firstName","type":"string","label":"First Name","group":{"name":"basics","label":"Basics"},"_id":"ef72b6324da86db687e80065a04d7397"},{"name":"lastName","type":"string","label":"Last Name","group":{"name":"basics","label":"Basics"},"_id":"608d83e210ce180ed6afb370ea577d29"},{"name":"title","type":"string","label":"Full Name","following":["firstName","lastName"],"required":true,"group":{"name":"basics","label":"Basics"},"_id":"f293f5e525c4a7eec5dc3786f25e17c7"},{"name":"slug","type":"slug","label":"Slug","following":"title","required":true,"group":{"name":"basics","label":"Basics"},"prefix":"user-","_id":"0fb598ca2a1b3d284c3fbc9f385ce1a9"},{"name":"username","type":"string","label":"Username","required":true,"group":{"name":"utility"},"_id":"c80424197b3459aca45dc2672f6f1222"},{"name":"email","type":"string","label":"Email","group":{"name":"utility"},"_id":"2ad069d900d46059f67b410d0eaad873"},{"name":"password","type":"password","label":"Password","group":{"name":"utility"},"_id":"afb74060766fe3ae7a374e70ad10c321"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"},{"name":"disabled","type":"boolean","label":"Login Disabled","def":false,"group":{"name":"permissions","label":"Permissions"},"_id":"e66f85dfa3fe3212f3ae97033820520f"}],"filters":[{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}}],"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposPiecesManager"},"alias":"user"},"@apostrophecms/image":{"name":"@apostrophecms/image","label":"Image","pluralLabel":"Images","action":"/api/v1/@apostrophecms/image","schema":[{"name":"attachment","type":"attachment","label":"Image File","fileGroup":"images","required":true,"group":{"name":"basics","label":"Basics"},"_id":"9878a650abacd5ea90bf988976913b7a","accept":".gif,.jpg,.png,.jpeg"},{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"alt","type":"string","label":"Alt Text","help":"Image description used for accessibility","group":{"name":"basics","label":"Basics"},"_id":"9cde7b59b3f53b5a0f22a12caa4b05ba"},{"name":"_tags","type":"relationship","label":"Tags","withType":"@apostrophecms/image-tag","group":{"name":"basics","label":"Basics"},"idsStorage":"tagsIds","_id":"43999955ff45523140816aa43c468480"},{"name":"credit","type":"string","label":"Credit","group":{"name":"basics","label":"Basics"},"_id":"26bf531fd175dcb22e9a31d9f99ac7f6"},{"name":"creditUrl","type":"url","label":"Credit URL","group":{"name":"basics","label":"Basics"},"_id":"e1393e987696a8f263ea607b3a60c708"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"basics","label":"Basics"},"_id":"97b78fe94e3742640944886e9a67f171"},{"name":"slug","type":"slug","label":"Slug","prefix":"image-","required":true,"following":"title","group":{"name":"basics","label":"Basics"},"_id":"d23b2789bad2cc06effedc67ea905e36"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"basics","label":"Basics"},"_id":"dc499a0fefc4f1a4cc81587e35734484"}],"filters":[{"name":"visibility","label":"Visibility","inputType":"radio","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"},{"value":null,"label":"Any"}],"allowedInChooser":false,"def":true},{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true},{"name":"_tags","label":"Tags","inputType":"select","nullLabel":"Choose One"}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"},{"name":"visibility","label":"Visibility"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}},{"name":"visibility","label":"Visibility","requiredField":"visibility","fields":{"add":{"visibility":{"type":"select","label":"Who can view this?","def":"public","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}]}}}}],"insertViaUpload":true,"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposMediaManager"},"alias":"image"},"@apostrophecms/image-tag":{"name":"@apostrophecms/image-tag","label":"Image Tag","pluralLabel":"Image Tags","action":"/api/v1/@apostrophecms/image-tag","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","required":true,"following":"title","group":{"name":"utility"},"_id":"d73f1233ca14ae04eb01f6661de27eea"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"}],"filters":[{"name":"visibility","label":"Visibility","inputType":"radio","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"},{"value":null,"label":"Any"}],"allowedInChooser":false,"def":true},{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"},{"name":"visibility","label":"Visibility"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}}],"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposPiecesManager"}},"@apostrophecms/file":{"name":"@apostrophecms/file","label":"File","pluralLabel":"Files","action":"/api/v1/@apostrophecms/file","schema":[{"name":"attachment","type":"attachment","label":"File","required":true,"group":{"name":"basics","label":"Basics"},"_id":"9155b49041e8424f9368197709020e06","accept":".gif,.jpg,.png,.txt,.rtf,.pdf,.xls,.ppt,.doc,.pptx,.sldx,.ppsx,.potx,.xlsx,.xltx,.csv,.docx,.dotx,.jpeg"},{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","prefix":"file-","required":true,"following":"title","group":{"name":"basics","label":"Basics"},"_id":"a8e2937805da2eab992448b7dc494a62"},{"name":"_tags","type":"relationship","label":"Tags","withType":"@apostrophecms/file-tag","group":{"name":"basics","label":"Basics"},"idsStorage":"tagsIds","_id":"e3b69eb3bc337c38a951caf5bf306754"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"},{"name":"description","type":"string","label":"Description","textarea":true,"group":{"name":"details","label":"Details"},"_id":"4661f859a1d38baa8f1839c580085614"},{"name":"credit","type":"string","label":"Credit","group":{"name":"details","label":"Details"},"_id":"26bf531fd175dcb22e9a31d9f99ac7f6"},{"name":"creditUrl","type":"url","label":"Credit URL","group":{"name":"details","label":"Details"},"_id":"e1393e987696a8f263ea607b3a60c708"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}],"filters":[{"name":"visibility","label":"Visibility","inputType":"radio","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"},{"value":null,"label":"Any"}],"allowedInChooser":false,"def":true},{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"},{"name":"visibility","label":"Visibility"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}},{"name":"visibility","label":"Visibility","requiredField":"visibility","fields":{"add":{"visibility":{"type":"select","label":"Who can view this?","def":"public","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}]}}}}],"insertViaUpload":true,"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposPiecesManager"},"alias":"file"},"@apostrophecms/file-tag":{"name":"@apostrophecms/file-tag","label":"File Tag","pluralLabel":"File Tags","action":"/api/v1/@apostrophecms/file-tag","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"slug","type":"slug","label":"Slug","required":true,"following":"title","group":{"name":"utility"},"_id":"d73f1233ca14ae04eb01f6661de27eea"},{"name":"trash","type":"boolean","label":"Trash","contextual":true,"def":false,"group":{"name":"utility"},"_id":"dc499a0fefc4f1a4cc81587e35734484"}],"filters":[{"name":"visibility","label":"Visibility","inputType":"radio","choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"},{"value":null,"label":"Any"}],"allowedInChooser":false,"def":true},{"name":"trash","label":"Trash","inputType":"radio","choices":[{"value":false,"label":"Live"},{"value":true,"label":"Trash"}],"allowedInChooser":false,"def":false,"required":true}],"columns":[{"name":"title","label":"Title"},{"name":"updatedAt","label":"Edited on"},{"name":"visibility","label":"Visibility"}],"batchOperations":[{"name":"trash","label":"Trash","inputType":"radio","unlessFilter":{"trash":true}},{"name":"rescue","label":"Rescue","unlessFilter":{"trash":false}}],"quickCreate":false,"components":{"insertModal":"AposDocEditor","managerModal":"AposPiecesManager"}},"@apostrophecms/busy":{"busy":false,"components":{"the":"TheAposBusy"},"alias":"busy"},"default-page":{"name":"default-page","label":"Default Page","action":"/api/v1/default-page","schema":[{"name":"title","type":"string","label":"Title","required":true,"sortify":true,"group":{"name":"basics","label":"Basics"},"_id":"f9deb4307b14ec0199642c67bc7849f2"},{"name":"main","type":"area","options":{"widgets":{"@apostrophecms/rich-text":{"toolbar":["styles","|","bold","italic","strike","link","|","bullet_list","ordered_list"],"styles":[{"tag":"p","label":"Paragraph (P)"},{"tag":"h3","label":"Heading 3 (H3)"},{"tag":"h4","label":"Heading 4 (H4)"}]},"@apostrophecms/image":{},"@apostrophecms/video":{}}},"group":{"name":"basics","label":"Basics"},"label":"Main","_id":"48bd41d0120a143082e962db5bd9ac25"},{"name":"slug","type":"slug","label":"Slug","required":true,"page":true,"following":"title","group":{"name":"utility"},"_id":"59ffb66aa916fb4541003ad46a49ab52"},{"name":"type","type":"select","label":"Type","required":true,"choices":[{"value":"default-page","label":"Default"},{"value":"@apostrophecms/home-page","label":"Home"}],"group":{"name":"utility"},"_id":"f30a526b60680a9fd84d2251f87a1ef6"},{"name":"orphan","type":"boolean","label":"Hide in Navigation","def":false,"group":{"name":"utility"},"_id":"88ef6252cb330cc8aa30c1dd6c9bd726"},{"name":"visibility","type":"select","label":"Who can view this?","def":"public","required":true,"choices":[{"value":"public","label":"Public"},{"value":"loginRequired","label":"Login Required"}],"group":{"name":"permissions","label":"Permissions","last":true},"_id":"97b78fe94e3742640944886e9a67f171"}]}},"prefix":"","csrfCookieName":"bestdrillmachine.csrf","htmlPageId":"ckiq0i07x004te8pnym3cpsjz","scene":"apos","user":{"title":"admin","_id":"ckiohue7i000abkpndz4gqjnv","username":"admin"}}'>
    

    
      
        <div id="apos-busy"></div>
        <div id="apos-admin-bar"></div>
      
    
    
      
        <div id="apos-context-menu"></div>
        <div id="apos-notification"></div>
      
    
    <div class="apos-refreshable" data-apos-refreshable>
      
      <a name="main"></a>
      

      
  

      

      

  <!-- javascript ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->

  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>



    </div>
    
<script src="/apos-frontend/apos-bundle.js"></script>

    
    <script data-apos-refresh-on-restart="/api/v1/@apostrophecms/asset/restart-id">
(function() {
  // Note: this script will not appear in the page in production.
  //
  // eslint-disable-next-line no-var
  var reloadId;
  // eslint-disable-next-line no-var
  var fast = '1';
  check();
  function check() {
    apos.http.get(document.querySelector('[data-apos-refresh-on-restart]').getAttribute('data-apos-refresh-on-restart'), {
      qs: {
        fast: fast
      }
    }, function(err, result) {
      if (err) {
        fast = '1';
        setTimeout(check, 1000);
        return;
      }
      fast = '';
      if (!reloadId) {
        reloadId = result;
      } else if (result !== reloadId) {
        console.log('Apostrophe restarted, refreshing the page');
        window.location.reload();
        return;
      }
      setTimeout(check, 1000);
    });
  }
})();
</script>
    

    
    
      <div id="apos-modals"></div>
    
  </body>
</html>

Issue Analytics

State:
Created 3 years ago
Comments:34 (19 by maintainers)

Top GitHub Comments

1reaction

LeviticusMaximuscommented, Aug 4, 2022

From what I can tell by viewing the raw HTML, this is caused by the script loading and looking for the apos-modals, but it gets written to the DOM after the script.

I’ve discovered by digging around that this script/element ordering problem is definitely a long-known issue with Vue, for example this stackexchange issue dates from 7 years ago:

https://stackoverflow.com/questions/29484431/vue-warn-cannot-find-element

I read somewhere that it has also been dealt with by adding a defer attribute to the script element - but this may have undesirable connotations as the script will wait for the DOM to be fully loaded before executing.

1reaction

colecmccommented, Aug 4, 2022

Hi, I’m also having this issue.

I’m brand new to apostrophe, so I haven’t done anything besides install and then npm run dev. I don’t even know how to do anything, which might cause this error.

From what I can tell by viewing the raw HTML, this is caused by the script loading and looking for the apos-modals, but it gets written to the DOM after the script, like below.

<script src="/apos-frontend/default/apos-module-bundle.js"></script> <div id="apos-modals"></div>

I tried to look for where this is written, so I could rearrange the order, but I had no success.

Top Results From Across the Web

[Vue warn]: Cannot find element - Stack Overflow

I think the problem is your script is executed before the target dom element is loaded in the dom... one reason could be...

Vue Cannot find element: #app - Laracasts

im new to Vue and i want to try it i have an problem with the example component. it shows [Vue warn]: Cannot...

element-ui - npm

A Vue.js 2.0 UI Toolkit for Web. Element will stay with Vue 2.x. For Vue 3.0, we recommend using Element Plus(Element Plus is...

Vue and Web Components - Vue.js

We consider Vue and Web Components to be primarily complementary technologies. Vue has excellent support for both consuming and creating custom elements.

ApostropheCMS is a full-featured, open-source CMS built with ...

3.0 : Intermittent error : [Vue warn]: Cannot find element: #apos-modals · class=" apos-theme--primary-purple " data-apos-level='0' data-apos=' · \ ...