html DevTools failed to load SourceMap: Could not load content for http://localhost:3000/javascripts/bootstrap.js.map: HTTP error: status code 404, net:

yzuktlbb  于 2022-12-09  发布在  Java
关注(0)|答案(3)|浏览(539)

当我尝试加载使用bootstrap 5的布局页面时,出现此错误:

DevTools failed to load SourceMap: Could not load content for http://localhost:3000/javascripts/bootstrap.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

我已经在我的head标签中包含了bootstrap.js文件链接,但我仍然收到了这个警告。有人能给我一个提示吗?

nnt7mjpx

nnt7mjpx1#

这意味着您目前还没有为Bootstrap的JavaScript代码生成source map。有一个source map可以让您在浏览器的控制台中看到未缩小的代码,并更容易地找到其中的错误。
也就是说,您可以下载Bootstrap 5 (Beta 3)'s或忽略错误消息,因为它不会对您的任何用户产生实际影响。

pkmbmrz7

pkmbmrz72#

跟着我脚步。
1.下载您要保存在本地目录中的Bootstrap文件版本。例如:我使用v.5 Bootstrap https://getbootstrap.com/docs/5.0/getting-started/download/
注: Bootstrap 不包括文档Javascript依赖项(如popper),因此您必须在另一个链接中下载
1.这个链接popper文档:https://www.jsdelivr.com/package/npm/@popperjs/core|版本2.11.6
注意:通过包含popper.min.js文件找到文件夹。在我的情况下,我在其中找到了umd文件夹。
1.最后,您可以使用本地导入进行部署。例如,我使用Vue:

export default {
    name: 'home',
    head () {
        return {
        title: 'APR',
        link: [
            { rel: 'stylesheet', href: '/bootstrap/css/bootstrap.min.css' }
        ],
        script: [
            { src: "/bootstrap/js/bootstrap.min.js", type: "text/javascript"},
            { src: "/bootstrap/umd/popper.min.js", type: "text/javascript"},
        ]

        }
  }
}

参考资料来源:https://techglimpse.com/devtools-failed-load-source-map-http-error/

sxpgvts3

sxpgvts33#

enter image description here
it stuck at here cannot display the content and it display like this (DevTools failed to load source map: Could not load content for http://localhost:64244/css/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE).Have any helper can solve this problem?

相关问题