Gatsby +引导CSS问题(不允许请求资源)
我已经安装了npm包引导程序+将其导入到gatsby-browser.js文件中(见下文)。引导CSS可以工作，但问题是我一直在控制台中获取此错误消息。我做错了什么？
可能出现的问题：
- 我需要安装react引导吗？
- 另一个盖茨比插件？
- 我是不是错过了额外的盖茨比设置？
错误：
[Error] Not allowed to load local resource: blob://nullhttp//localhost:8000/bootstrap.min.css.map
[Error] Not allowed to request resource
[Error] Cannot load blob://nullhttp//localhost:8000/bootstrap.min.css.map due to access control checks.gatsby-browser.js:
// Imports: Dependencies
import 'bootstrap/dist/css/bootstrap.css';package.json:
"dependencies": {
"axios": "^0.19.2",
"bootstrap": "^4.5.0",
"britecharts-react": "^0.5.4",
"chart.js": "^2.9.3",
"chartjs-plugin-annotation": "^0.5.7",
"chartjs-plugin-datalabels": "^0.7.0",
"fs-extra": "^9.0.1",
"gatsby": "^2.23.7",
"gatsby-plugin-google-analytics": "^2.3.4",
"gatsby-plugin-manifest": "^2.4.12",
"gatsby-plugin-react-helmet": "^3.3.4",
"prop-types": "^15.7.2",
"react": "^16.13.1",
"react-bootstrap": "^1.0.1",
"react-chartjs-2": "^2.9.0",
"react-countup": "^4.3.3",
"react-dom": "^16.13.1",
"react-helmet": "^6.1.0",
"react-icons": "^3.10.0"
},回答 1
Stack Overflow用户
发布于 2020-07-15 07:00:18
好的，原来问题来自于这句话：
"bootstrap": "^4.5.0",...which作为react-bootstrap的推荐依赖项。注意，一个选项是通过CDN链接包括引导CSS，正如react-bootstrap 文档中所建议的那样。这样，就可以完全从项目依赖项中删除引导程序，从而解决这个问题。
我决定坚持下去，设法解决这个问题。
该模块有一个文件node_modules/bootstrap/dist/css/bootstrap.min.css，该文件在文件末尾包含一个源映射指令sourceMappingURL，该文件在部署为我的项目的节点依赖项时不起作用。
我手动删除了这一行，并发现web继续前进，并通过base64编码数据URI的.解决了问题，为引导生成了一个正确的源映射值。
您可以通过下面的sed命令删除该行(这在Mac上可以从项目的根dir中删除)：
sed -i '' -e '/\/\*# sourceMappingURL.*/d' node_modules/bootstrap/dist/css/bootstrap.min.css这篇文章的功劳在于我找到的一个职位讨论了源图文件的删除，在那里人们作为post构建的一部分来做这件事。
我不打算重建bootstrap包，所以我不认为post构建对我有帮助。把它移开一次也可以。
当然，唯一的问题是，当我下次更新那个包时，我对该文件的编辑就会失败。现在，我在我的项目README中添加了一个提示，提醒我在更新包时再次运行sed命令。
这并没有解决我发生的CSS问题--它们是由其他问题引起的:在我的例子中，是一些其他CSS文件来自一个启动项目，干扰了引导CSS，另外还有一个额外的div元素，我用它包装了一些nav组件，这些组件阻止了它们正确地呈现。
https://stackoverflow.com/questions/62902965
复制相似问题
腾讯云开发者
