Maybe someone can help me to understand what is the problem, I have been spending hours into google for a solution.
I am using: ASP.NET entity framework
I have a view with this code:
<button type="button" id="btnGraficoNew">GeneraGrafico</button>
<div id="msgError"></div>
<div id="contenedorGrafico"></div>
@section scripts{
@Scripts.Render("~/bundles/highcharts")
@Scripts.Render("~/bundles/paraGrafico")
<script type="text/javascript">
$(document).ready(function () {
$('.date-picker').datepicker({
autoclose: true,
todayHighlight: true
}).next().on(ace.click_event, function () {
$(this).prev().focus();
});
$("#btnGraficoNew").click("click", function () {
alert("dentro de a");
AlertaMensaje("hola mundo");
ListaPubli(1, 1, 1);
});
});
</script>
}
When I run the program the browser alert me with: "Uncaught ReferenceError: AlertaMensaje is not defined" but If I check into the page code the call exist.
Into google dev tools this is what I can see
- reference to paraGrafico.js file.
- cannot find a function that is inside of paraGrafico.js
- javascript file doesn't appear into content.
Any idea?


/GServices/Teficiancio, and it will look for the javascript file in/GServices/Teficiancio/Content/js/paraGrafico.js. Try after chaging the src inside script tag to../../Content/js/paraGrafico.jsbundles.Add(new ScriptBundle("~/bundles/highcharts").Include( "~/Content/js/highcharts.js", "~/Content/js/exporting.js")); bundles.Add(new ScriptBundle("~/bundles/paraGrafico").Include( "~/Content/js/paraGrafico.js"));if you see I use the same way for paraGrafico.js and for highchart.js.