应用错误收集

我正在尝试使用tinymce npm。我正在遵循他们的指南，却被困在这里

Include this line of code in the <head> of your HTML page: <script src="/path/to/tinymce.min.js"></script>。

现在在html里面，我把这段代码

<script src="node_modules/tinymce/tinymce.min.js"></script>。

但是在控制台中，出现错误Failed to load resource: net::ERR_FILE_NOT_FOUND

我还发现了另一个与我的问题有关的堆栈溢出问题，并遇到了this one

我也在这里尝试使用该解决方案，这是我所做的，但仍然是相同的错误。

<script src="scripts/tinymce.min.js"></script>

这是我的示例项目的屏幕截图。

我正在尝试将tinymce.min.js转到index.html内部的views/blog folder

我的问题是，我该如何进行这项工作？

一个简单的解决方法是使用CDN代替NPM。

替换为：<script src="node_modules/tinymce/tinymce.min.js"></script>

使用此：<script src="https://cdnjs.com/libraries/tinymce"></script>

下面我对这个问题进行了猜测，但是如果不能检查整个项目，就无法确定：

我认为您既没有建设也不为项目服务。在您的示例项目中，我看不到任何webpack，gulp，grunt或其他构建工具配置文件。我也没有看到类似Browserify之类的东西。这些工具将能够读取指向本地npm文件夹的脚本，并将其替换为npm文件夹中的脚本。没有这些工具，您的浏览器就会认为src=字符串是一个Web URL，并且找不到资源。

正如我提到的，CDN是一个简单的修复程序，因为这是一个托管您所要求的脚本的真实网站。商业开发中使用的一种更复杂的方法是先具有完整的构建过程，然后再具有服务器。

如何在HTML中包含要使用的脚本

1 个答案: