时间戳

首页 > 解决方案 > 发布到托管站点后，无法在 ASP.NET MVC 中加载源映射

javascript - 发布到托管站点后，无法在 ASP.NET MVC 中加载源映射

问题描述

当我运行该网站时，我在开发人员工具上收到此错误：

JQMIGRATE: Migrate is installed, version 3.0.1
DevTools failed to load SourceMap: Could not load content for http://aljawd.com/Contents/css/aos.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://aljawd.com/Contents/css/bootstrap-datepicker.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://aljawd.com/Contents/js/aos.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://aljawd.com/Contents/js/popper.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://aljawd/Contents/js/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

我检查了以下解决方案，但我无法解决我的问题，我需要更多解释：

我删除了 popper.min.js 和 aos.js 和 bootstrap.min.js 中的注释行

但是我可能需要在我的项目中的 js 文件夹和 css 文件夹下拥有地图源文件吗？

bootstrap.min.js.map

popper.min.js.map

aos.css.map

aos.js.map

另外我在设置下找不到谷歌浏览器的源代码没有 Windows 10 专业版的源代码我找不到启用 javascript 源映射的源代码？

该错误也出现在 Microsoft edge last version for windows 10 上：

JQMIGRATE: Migrate is installed, version 3.0.1
popper.min.js:5 Uncaught ReferenceError: popper is not defined
    at popper.min.js:5
bootstrap.min.js:7 Uncaught TypeError: Cannot read property 'js' of undefined
    at bootstrap.min.js:7
aos.js:2 Uncaught ReferenceError: aos is not defined
    at aos.js:2

这是 css 和 js 文件夹的完整路径：

<link href="https://fonts.googleapis.com/css?family=Oswald:400,700|Work+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href=@Url.Content("/Contents/fonts/icomoon/style.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/bootstrap.min.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/magnific-popup.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/jquery-ui.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/owl.carousel.min.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/owl.theme.default.min.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/bootstrap-datepicker.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/animate.css")>

<link rel="stylesheet" href=@Url.Content("/Contents/fonts/flaticon/font/flaticon.css")>

<link rel="stylesheet" href=@Url.Content("/Contents/css/aos.css")>
<link rel="stylesheet" href=@Url.Content("/Contents/css/style.css")>

<script src=@Url.Content("/Contents/js/jquery-3.3.1.min.js")></script>
        <script src=@Url.Content("/Contents/js/jquery-migrate-3.0.1.min.js")></script>
        <script src=@Url.Content("/Contents/js/jquery-ui.js")></script>
        <script src=@Url.Content("/Contents/js/popper.min.js")></script>
        <script src=@Url.Content("/Contents/js/bootstrap.min.js")></script>
        <script src=@Url.Content("/Contents/js/owl.carousel.min.js")></script>
        <script src=@Url.Content("/Contents/js/jquery.stellar.min.js")></script>
        <script src=@Url.Content("/Contents/js/jquery.waypoints.min.js")></script>
        <script src=@Url.Content("/Contents/js/jquery.animateNumber.min.js")></script>
        <script src=@Url.Content("/Contents/js/aos.js")></script>
        <script src=@Url.Content("/Contents/js/main.js")></script>

请问如何解决这个错误？

我从 github 站点复制粘贴文件内容

https://github.com/cdnjs/cdnjs/tree/master/ajax/libs/aos/2.1.1

但现在这些文件给出了另一个错误

DevTools failed to load SourceMap: Could not parse content for http://localhost:2674/Contents/css/aos.css.map: Unexpected token  in JSON at position 0
DevTools failed to load SourceMap: Could not parse content for http://localhost:2674/Contents/js/aos.js.map: Unexpected token  in JSON at position 0
DevTools failed to load SourceMap: Could not parse content for http://localhost:2674/Contents/js/bootstrap.min.js.map: Unexpected token  in JSON at position 0

从我的项目中读取 js 和 css 文件路径或使用 cdn 站点路径的最佳方法是什么？

标签： javascriptasp.net-mvctwitter-bootstrappopper.js

解决方案

您可以从以下链接下载丢失的文件，错误不会出现和隐藏。从此链接下载源代码，您将获得文件

bootstrap.min.js.map

https://getbootstrap.com/docs/4.3/getting-started/download/

也从这里下载 aos.css.map 和 aos.js.map

https://www.cdnpkg.com/aos/file/aos.css.map/

从此链接下载文件 popper.min.js.map

https://forgemia.inra.fr/genotoul-bioinfo/dgenies/blob/4c89661fba50d59fc12aeb41191fab4dd82e9216/js/popper.min.js.map

下载后将文件粘贴到js folder和下css folder。

推荐阅读