Bootstrap本地文件引入报错求助：如何正确离线使用Bootstrap

你这是把CSS文件当成JavaScript文件引入了！浏览器用JS解析器去读CSS代码，自然会报一堆语法错误——毕竟@charset、:root这些都是CSS专属语法，JS根本不认。

解决步骤 #

• 立刻停止修改bootstrap.min.css！官方编译的文件本身没问题，你的修改完全没必要。
• 检查HTML里的引入代码，按正确标签区分：
  • CSS文件必须用<link>标签引入：

    <link rel="stylesheet" href="你的文件路径/bootstrap.min.css">
    

  • JS文件（bootstrap.bundle.min.js）用<script>标签引入：

    <script src="你的文件路径/bootstrap.bundle.min.js"></script>
    

• 确保文件路径正确，别把CSS和JS的路径搞混。

为什么会出现这些报错？举个简单例子：你用<script>引入CSS文件，浏览器会把@charset "UTF-8";当成JS代码来读，JS里根本没有这种语法，直接就报错；就算你删掉这行，后面的:root{...}在JS里也是非法语法，自然继续报错。

内容的提问来源于stack exchange，提问作者Ahmed Wagdi