javascript - react - uncaught syntaxerror: unexpected token<angular
Token inesperado<en la primera línea de HTML (9)
Bueno ... volteé Internet tres veces, pero no encontré nada que pudiera ayudarme porque era un proyecto de Drupal en lugar de otros escenarios que la gente describía.
Mi problema fue que alguien en el proyecto agregó un js cuya dirección era:
<script src="http://base_url/?p4sxbt"></script>
y se adjuntó de esta manera:
drupal_add_js('''',
array(''scope'' => ''footer'', ''weight'' => 5)
);
Espero que esto ayude a alguien en el futuro.
Tengo un archivo HTML:
<!DOCTYPE HTML>
<html lang="en-US" ng-app="Todo">
<head>
<meta charset="UTF-8">
<title>DemoAPI</title>
<meta name="viewport">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<link rel="stylesheet" href="./Client/css/styling.css" />
<script type="text/javascript" src="core.js"></script>
</head>
El error dice:
Uncaught SyntaxError: Unexpected token < core.js: 1
Muestra el error en
<!doctype html>
de
app.html
.
core.js
ve así:
angular.module(''Todo'', [])
.controller(''mainController'', function($scope, $http)
{
$scope.formData = {};
// get all and show them
$http.get(''/musicians'')
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log(''Error: '' + data);
});
//get with an id
$scope.getOneTodo = function() {
$http.get(''/musicians'' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log(''Error: '' + data);
});
};
// send the text to the node API
$scope.createTodo = function() {
$http.post(''/musicians'', $scope.formData)
.success(function(data) {
$scope.formData = {}; // clear the form
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log(''Error: '' + data);
})
};
// delete
$scope.deleteTodo = function(id) {
$http.delete(''/musicians'' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log(''Error: '' + data);
});
};
/*
$scope.updateTodo = function(id) {
$http.delete(''/musicians'' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log(''Error: '' + data);
});
};*/
});
También me da un
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=Todo&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)
Además, en la consola, cuando hago clic en
core.js
, muestra el contenido de
app.html
y lo
core.js
Aquí está la instantánea:
Además, como en la imagen, cuando hago clic en
index.html
, muestra
app.html
.
Sin embargo, no tengo ningún archivo llamado
index.html
y cargo
app.html
de forma predeterminada en lugar de
index.html
.
He intentado agregar / eliminar
type="text/javascript"
pero tampoco ayuda con eso.
Además, el estado 200 se devuelve al obtener la solicitud de
core.js
¿Qué puede estar mal?
En mi caso, recibí este error debido a una línea
<script src="#"></script>
Chrome trató de interpretar el archivo HTML actual como javascript.
Experimenté este error con mi sitio de WordPress pero vi que se mostraban dos índices en mis fuentes de herramientas de desarrollador.
Error de la herramienta de desarrollador de Chrome Así que pensé que si hay dos índices que comienzan en la primera línea de código, entonces hay una replicación y están en conflicto entre sí. Entonces pensé que entonces quizás sea mi minificación HTML de mi herramienta de plugin de almacenamiento en caché.
Así que apagué la configuración de minificar HTML y eliminé mi caché. Y puf! ¡Funcionó!
Para mí, este era un caso que la ruta del script no se cargaba; lo había vinculado incorrectamente. Verifique sus archivos de script, incluso si no se informa un error de ruta, realmente cargue.
Su página hace referencia a un archivo Javascript en
/Client/public/core.js
.
Este archivo probablemente no se puede encontrar, ya que produce la página principal del sitio web o una página de error HTML.
Este es un problema bastante común por ejemplo.
sitios web que se ejecutan en un servidor Apache donde las rutas se redirigen por defecto a
index.php
.
Si ese es el caso, asegúrese de reemplazar
/Client/public/core.js
en su etiqueta de script
<script type="text/javascript" src="/Client/public/core.js"></script>
con el correcto ruta de archivo o coloque el archivo faltante
core.js
en location
/Client/public/
para corregir su error.
Si ya encuentra un archivo llamado
core.js
en
/Client/public/
y el navegador aún produce una página HTML, verifique los permisos para la carpeta y el archivo.
Cualquiera de estos podría carecer de los permisos adecuados.
Tuve el mismo problema. Publiqué la aplicación angular / core en iis.
Cambiar la identidad del grupo de aplicaciones resolvió mi problema. Ahora la identidad es LocalSystem
Tuve este problema en una aplicación ASP.NET, específicamente en un formulario web.
Estaba forzando una redirección en Global.asax , pero olvidé verificar si la solicitud era para recursos como css, javascript, etc. Simplemente tuve que agregar las siguientes verificaciones:
VB.NET
If Not Response.IsRequestBeingRedirected _
And Not Request.Url.AbsoluteUri.Contains(".WebResource") _
And Not Request.Url.AbsoluteUri.Contains(".css") _
And Not Request.Url.AbsoluteUri.Contains(".js") _
And Not Request.Url.AbsoluteUri.Contains("images/") _
And Not Request.Url.AbsoluteUri.Contains("favicon") Then
Response.Redirect("~/change-password.aspx")
End If
Estaba obligando a los usuarios registrados que no habían cambiado sus contraseñas durante mucho tiempo a ser redirigidos a la página change-password.aspx . Creo que hay una mejor manera de verificar esto, pero por ahora, esto funcionó. Si encuentro una solución mejor, edito mi respuesta.
Tuvimos el mismo problema hace algún tiempo cuando un sitio de repente comenzó a dar este error. La razón fue que un js include se observó temporalmente con un # (es decir, src = "#. / Js ...").
Verifique su codificación, obtuve algo similar una vez debido a la lista de materiales.
Asegúrese de que el archivo core.js esté codificado en utf-8 sin BOM