Javascript 如何从节点模块添加新的css文件

我试图增强vue.js，我想使用它。我在package.json中添加了它并安装了它。我试图将其包含在

index.html

中，如下所示：

<link rel="stylesheet" href="/./node_modules/flexboxgrid/dist/flexboxgrid.min.css" type="text/css" >

---

我不确定我应该怎么做，我在写什么，请帮助。

正如@1sloc在评论中提到的，你可能会在HTML中看到404错误页面

在找到更好的解决方案之前，您可以执行以下操作：将

flexboxgrid.min.css

复制到项目根目录下的

static

文件夹中，并将其作为静态文件。这类似于为应用程序提供

favicon.ico

有关处理静态文件的详细信息，请参阅此问题的答案：

---

正如@1sloc在评论中提到的，您可能会在HTML中看到一个404错误页面

在找到更好的解决方案之前，您可以执行以下操作：将

flexboxgrid.min.css

复制到项目根目录下的

static

文件夹中，并将其作为静态文件。这类似于为应用程序提供

favicon.ico

有关处理静态文件的详细信息，请参阅此问题的答案：

---

如错误所示，服务器提供的文件标题/类型错误。您必须设置正确的值Isuppose@adeneo我已经在那里给出了

type=“text/css”

，在哪里必须提到这一点。您的node\u modules文件夹实际上是通过HTTP公开的吗？可能不是（顺便说一句，这是件好事）。您得到的是MIME类型text/html，因为web服务器在将不存在的节点路径重定向到“/”后，可能正在使用html页面进行响应。如错误所示，服务器正在使用错误的头文件/mine类型提供文件。您必须设置正确的值Isuppose@adeneo我已经在那里给出了

type=“text/css”

，在哪里必须提到这一点。您的node\u modules文件夹实际上是通过HTTP公开的吗？可能不是（顺便说一句，这是件好事）。您得到的是MIME类型的text/html，因为web服务器可能是在将不存在的节点路径重定向到“/”.BTW后使用html页面进行响应，一个解决方案是在

main.js中导入“flexboxgrid/dist/flexboxgrid.css”

，如中所述。虽然它可以工作，但我不喜欢这种解决方案，因为我更希望看到CSS加载到html.BTW的标题中，一种解决方案是在

main.js中导入“flexboxgrid/dist/flexboxgrid.CSS”

，如中所述。虽然它可以工作，但我不喜欢这个解决方案，因为我更希望看到CSS加载到html的头中。

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/node_modules/flexboxgrid/dist/flexboxgrid.min.css".