Fatal编程技术网
  • webpack/
  • Webpack 将外部js添加到Vue CLI时出现Mime类型错误

Webpack 将外部js添加到Vue CLI时出现Mime类型错误

webpack

Webpack 将外部js添加到Vue CLI时出现Mime类型错误,webpack,mime-types,vue-cli,Webpack,Mime Types,Vue Cli,我正在尝试将外部JS或CSS文件添加到Vue CLI 我已经用Webpack Simple安装了Bootstrap Vue 因此，我尝试将一个包含简单数组的简单JS文件添加到index.html。据我所知，这些资源应该放在static（默认情况下不在Webpack simple中）或assets文件夹中。因此，我总是得到相同的2个错误 获取404（未找到） 拒绝从“”执行脚本，因为其MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查 消除错误的唯一方法是将mime类

我正在尝试将外部JS或CSS文件添加到Vue CLI 我已经用Webpack Simple安装了Bootstrap Vue

因此，我尝试将一个包含简单数组的简单JS文件添加到index.html。据我所知，这些资源应该放在static（默认情况下不在Webpack simple中）或assets文件夹中。因此，我总是得到相同的2个错误

获取404（未找到） 拒绝从“”执行脚本，因为其MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查

消除错误的唯一方法是将mime类型更改为text/html，但是浏览器不再解释javascript

有人能帮我吗？

第一个解决方案

我通过修改
dist/index.html
文件中的路径手动修复了此错误：

初始路径：

src=/js/app.96a55d06.js
修改路径（添加到字符串开头的点）：

对于
.css
和
.js
导入，都重复了这样的过程

第二种解决方案（更好）

  • 运行
    npm运行构建
    ，其中构建定义为
    vue cli服务构建
  • 制作某种服务器：
    python3-mhttp.server
    。注意，应该在
    dist
    文件夹（包含构建的文件夹）中完成
    • src=./js/app.96a55d06.js