为什么我的javascript代码没有执行，并且显示不是有效的mime类型？

Question

这里我包含了javascripts，但我得到的mime类型是无效的：

<script type="text/javascript" src="{{ asset('/dashboard/js/components.js') }}"></script>
<script type="text/javascript" src="{{ asset('/dashboard/js/custom.js') }}"></script>

<script type="text/javascript" src="{{ asset('/dashboard/vendors/slimscroll/js/jquery.slimscroll.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/dashboard/vendors/raphael/js/raphael-min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/dashboard/vendors/d3/js/d3.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/dashboard/vendors/c3/js/c3.min.js') }}"></script>

我得到了下面的错误：

The script from “http://localhost/Project/public/dashboard/vendors/flotchart/js/jquery.flot.pie.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.[Learn More] home
Loading failed for the <script> with source “http://localhost/Project/public/dashboard/vendors/flotchart/js/jquery.flot.pie.js”. home:2091:1
The script from “http://localhost/Project/public/dashboard/vendors/flot.tooltip/js/jquery.flot.tooltip.min.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.[Learn More]

有什么问题吗？请帮帮忙。

Answer 1

对我有效的方法:经过半天的研究，我试着只编辑JS文件。只需在第一行(注释)后添加一行(回车)并保存它。

这是一个jquery压缩文件，开头有一个注释。在火狐的“检查器/网络”中，文本显示为404和MIME ( .js /html)。奇怪的是，同一目录中的其他.js文件都是正常的。希望这能有所帮助。

Answer 2

我在Node js应用程序中也遇到了同样的问题。以开头的脚本路径

/dashboard/js/components.js

所以基本上你必须使用

const app = express()
const publicDirectoryPath = path.join(__dirname, '../public/')
app.use(express.static(publicDirectoryPath))

Answer 3

这是为Node.js用户准备的：

使用404中间件或其他任何一种

app.use(function(req,res,next){
  res.send('page does not exist')
})

如果你之前用过这个

app.use(express.static(path.join(__dirname,'static')))

它将抛出相同的错误。