Question

在我的项目中，我在尝试引用CSS和JS文件时收到以下错误

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/bower_components/bootstrap/dist/css/bootstrap.min.css

这是我的文件结构

app
    |bower_components
        |bootstrap
            |dist
                |css
                   | bootstrap.min.css
        |jquery
            |dist
                |jquery.min.js
    |build
    |config
    |node_modules
    |src
    |static
    |index.html //The file I am receiving error on
public //using Slim framework with PHP to generate RESTful API
src
vendor

在我的index.html文件中，我使用以下代码尝试引用bootstrap.min.css文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Template</title>
    <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

我正在使用Visual Studio Code，这使得能够CTRL +点击bootstrap.min.css文件的链接并加载好，所以我不确定我在哪里出错？

我使用vue.js CLI作为app文件夹，并使用Slim Framework和PHP在public/src/vendor文件夹中生成RESTful API，如果有帮助的话？任何帮助将不胜感激。

Answer 1

我能够解决此问题，它与使用Vue.js CLI链接。

我需要将bower_components文件夹添加到静态文件夹中，然后像

一样引用该文件

<link rel="stylesheet" href="./static/bower_components/bootstrap/dist/css/bootstrap.min.css">

无法使用Vue.js CLI从bower_components加载资源

1 个答案: