如何在 PhpStorm 中为我的 JavaScript 代码包含 "require"？

Question

我在代码中使用 canvg('canvas', svg); 行。这意味着我需要 canvg.js.

我在 html header 中加入了 canvg.js。但是它给了我一个错误 "require is undefined".

对于那些不知道 canvg.js 前两行的人是：

var RGBColor = require('rgbcolor'),
    StackBlur = require('stackblur-canvas');

这首先作为错误出现在我的控制台中。这并不是真正的问题，因为代码仍然有效。

虽然错误导致测试无法进行运行，但现在我要开始测试了。这是一个问题。

error loading file: /test/tests/Dependencies/canvg.js:4: Uncaught ReferenceError: require is not defined

我去了 https://requirejs.org/docs/release/2.3.6/comments/require.js 并将代码复制并粘贴到一个名为 require236.js 的文件中，并将其保存在我的项目中。

然后我去了我的 main.html 并添加了我的 <script src="require236.js"></script> 就在加载 canvg 之前。

我在控制台中收到这些错误：

 Uncaught Error: Mismatched anonymous define() module: function(){return f}
https://requirejs.org/docs/errors.html#mismatch
   at makeError (require236.js:168)
   at intakeDefines (require236.js:1254)
   at require236.js:1452
require236.js:143 Uncaught Error: Module name "rgbcolor" has not been loaded yet for context: _. Use require([])
https://requirejs.org/docs/errors.html#notloaded
  at makeError (require236.js:168)
  at Object.localRequire [as require] (require236.js:1436)
  at requirejs (require236.js:1797)
  at canvg.js:4

而且我的测试不运行将该文件作为依赖项。

https://requirejs.org/docs/errors.html#mismatch 说

To avoid the error:

Be sure to load all scripts that call define() via the RequireJS API.

Do not manually code script tags in HTML to load scripts that have define() calls in them.

If you manually code an HTML script tag, be sure it only includes named modules, and that an anonymous module that will have the same name as one of the modules in that file is not loaded.

If the problem is the use of loader plugins or anonymous modules but the RequireJS optimizer is not used for file bundling, use the RequireJS optimizer.

If the problem is the var define lint approach, use /*global define */ (no space before "global") comment style instead.

但老实说，我不明白他们希望如何将其包含在何处。请使用简单的英文单词（或仅显示代码示例），如果您理解得足以解释它。

我来自 PhpStorm 运行ning。我正在使用 jsTestDriver 进行测试。我一定是在某种程度上宣布它是错误的，但我不知道 require.js 如何以及为什么会给我这样的问题。

Answer 1

简单的回答是，您包含的文件在浏览器中不应该是运行，因为它使用只能在服务器中使用的 CommonJS 语法- 端代码运行 by node.js.

您必须确保包含没有任何 require() 调用的库的浏览器版本，例如：

<script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.min.js"></script>

见https://github.com/canvg/canvg#usage-on-the-browser

如何在 PhpStorm 中为我的 JavaScript 代码包含 "require"？

How to include "require" in PhpStorm for my JavaScript code?

javascript

requirejs

phpstorm

js-test-driver

canvg