如何包含用于 html 的脚本

How to include a script for use in the html

我正在尝试 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= 字符串是一个网络 url 并且将找不到资源。

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