vuejs / vuejs/docs

Tutorial step 3 doesn't work under Firefox

Open
#2,073 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Vue
Stars
3.2k
Forks
5k
Avg merge
14d 17h
Merged PRs (30d)
1

Description

Vue version

recent version

Link to minimal reproduction

https://vuejs.org/tutorial/#step-3

Steps to reproduce

Clicked on "Show me!"

What is expected?

"Make me red" did turn into red because of iframe issue

What is actually happening?

Console log:

An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can remove its sandboxing. tutorial
[@vue/repl] successfully compiled 1 module. utils.a9fa9546.js:1:931566
Uncaught TypeError: Error resolving module specifier “vue”. Relative module specifiers must start with “./”, “../” or “/”. tutorial:7:118
Uncaught TypeError: Error resolving module specifier “vue”. Relative module specifiers must start with “./”, “../” or “/”. tutorial:1:40
^^ Module TypeError above is polyfilled and can be ignored ^^ srcdoc:160:15
System Info
- Linux Mint 21
- Firefox 106.0.1
Any additional comments?

No response

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the Vue tutorial link and reproduce step 3 in Firefox by clicking “Show me!”. Start by examining the reported iframe warning and the “vue” module-resolution error in the browser console. Done means the tutorial step works in Firefox and “Make me red” turns red without the reported failure.

Written by the indexing model from the issue text.

Assessment

Domain
documentation, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.