javascript - 如何在浏览器上运行text-to-svg？

Question

我希望运行text-to-svg在浏览器上。我通过 npm install 安装 watchify、browserify 和 babel。

client/index.js代码

import TextToSVG from '../node_modules/text-to-svg/src/'

let textToSVG

window.onload = () => {
    console.log("onload")

  TextToSVG.load("vendor/Nautilus.otf", (err, t2s) => {
    if (err) {
        console.log("loading font error", err)
      return;
    }
    textToSVG = t2s;
  });
}

接下来，我在控制台中运行:

node_modules/.bin/watchify client/index.js -t babelify -o public/index.js

...并出现错误:

SyntaxError: 'import' and 'export' may only appear at the top level (6:0) while parsing /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js while parsing file: /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js

是否可以在浏览器上运行text-to-svg？

Answer 1

我知道这是一个老问题，但你所要做的就是运行npm run build，它将生成一个包含构建的js文件和你需要的所有内容的构建文件夹，然后只需将脚本添加到你的网站并上传.js文件和.otf文件，我犯了同样的错误，只是假设它在浏览器中不起作用，不假思索地发现了这个问题，直到我查看了package.json并找到了构建命令并尝试了