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：＆＃39; import＆＃39;和＆＃39;出口＆＃39;可能只出现在顶层（6：0）解析时 /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js 在解析文件时： /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并找到了build命令并对其进行了尝试

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

1 个答案: