reactjs / reactjs/react.dev

"Quickly Try JSX" does not work on a local file

Abierto
#2,038 4 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
1 d 11 h
PR fusionados (30 d)
11

Descripción

In Docs > Installation > Add React to a Website > Optional : Try React with JSX > Quickly Try JSX, the instructions say:

...add this <script> tag to your page:

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Now you can use JSX in any <script> tag by adding type="text/babel" attribute to it.

However, after adding these lines to a local HTML file, opening it in browser gives the following error:

Access to XMLHttpRequest at 'file:///C:/Users/.../like_button.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza en Docs > Installation > Add React to a Website > Optional: Try React with JSX > Quickly Try JSX y reproduce las instrucciones desde un archivo HTML local. Determina qué deben hacer los usuarios para evitar el error CORS de file:// informado y, a continuación, actualiza las instrucciones para que el inicio rápido documentado funcione o explique claramente el método de servido necesario.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react
Área
documentation
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.