Javascript包（未定义圈类型）

我正在尝试使用这个软件包

我有以下代码

<script src="circle/dist/circletype.min.js"></script>
<script>
  new CircleType(document.getElementById('demo1'))
  .radius(384);
</script>

新的CircleType（document.getElementById（'demo1'））
.半径（384）；

---

然而，我不断得到引用错误：CircleType未定义。知道我可能做错了什么吗？在控制台中，它还显示SyntaxError:circletype.min.js上的无效或意外标记。文件可能有问题吗

库是否位于服务器/文件系统上？如果没有，请从下载并解压缩到要加载的位置

在您尝试使用之前是否已加载？即：

<script src="circle/dist/circletype.min.js"></script>
<script>
  new CircleType(document.getElementById('demo1'))
  .radius(384);
</script>

新的CircleType（document.getElementById（'demo1'））
.半径（384）；

而不是：

    <script>
      new CircleType(document.getElementById('demo1'))
      .radius(384);
    </script>
    <script src="circle/dist/circletype.min.js"></script>

新的CircleType（document.getElementById（'demo1'））
.半径（384）；

您的浏览器是否支持该库（或其他方式）？尝试将其加载到最新版本的chrome中。如果可以的话，可以使用或对其进行传输以支持更多浏览器

尝试将代码分离出来。即：

<script src="circle/dist/circletype.min.js"></script>
<script>
  const circleType = new CircleType(document.getElementById('demo1'));
  circleType.radius(384);
</script>

const circleType=新的circleType（document.getElementById（'demo1'）；
圆形半径（384）；

在本例中，问题是OP的浏览器不支持该代码。这是通过更新巴贝尔的目标来解决的

库是否位于服务器/文件系统上？如果没有，请从下载并解压缩到要加载的位置

在您尝试使用之前是否已加载？即：

<script src="circle/dist/circletype.min.js"></script>
<script>
  new CircleType(document.getElementById('demo1'))
  .radius(384);
</script>

新的CircleType（document.getElementById（'demo1'））
.半径（384）；

而不是：

    <script>
      new CircleType(document.getElementById('demo1'))
      .radius(384);
    </script>
    <script src="circle/dist/circletype.min.js"></script>

新的CircleType（document.getElementById（'demo1'））
.半径（384）；

您的浏览器是否支持该库（或其他方式）？尝试将其加载到最新版本的chrome中。如果可以的话，可以使用或对其进行传输以支持更多浏览器

尝试将代码分离出来。即：

<script src="circle/dist/circletype.min.js"></script>
<script>
  const circleType = new CircleType(document.getElementById('demo1'));
  circleType.radius(384);
</script>

const circleType=新的circleType（document.getElementById（'demo1'）；
圆形半径（384）；

---

在本例中，问题是OP的浏览器不支持该代码。通过更新Babel的目标解决了这个问题。

开发工具提供了一个网络选项卡。请确认：是否找到资源（例如HTTP 200响应）？如果没有，请求的实际URL是什么？是的。它是一个本地文件，在9ms.SyntaxError:circletype.min.js上找到了无效或意外的标记。控制台中出现的问题文件可能有问题吗？听起来是的，文件中有一个错误，这意味着它不能使用它。开发工具提供了一个网络选项卡。请确认：是否找到资源（例如HTTP 200响应）？如果没有，请求的实际URL是什么？是的。它是一个本地文件，在9ms.SyntaxError:circletype.min.js上找到了无效或意外的标记。控制台中出现的问题文件可能有问题吗？听起来是的，该文件中有一个错误，这意味着它无法使用所有已完成的操作。我刚检查了控制台，发现了这个。。未捕获的语法错误：circletype.min.js上的令牌无效或意外。文件可能有问题吗？@James很可能是的，虽然它可能是一个有效的文件，但使用了浏览器不支持的JS功能。请尝试加载未统一的版本，看看是否有区别。如果这样做有效，请为自己使用不同的缩小器，并在问题跟踪器上提交问题。正如您所说，可能是文件有问题，或者您的浏览器不支持它。很可能您的浏览器不支持它，因为在.babelrc文件中，他们有以下代码：

“targets”：{“browsers”：“last 2 versions”}

，实际上，这意味着它只使用新浏览器支持的代码。它将使用const或var。我已经构建了一个自定义版本，可以在任何浏览器上运行；）所有这些都已完成。我刚检查了控制台，发现了这个。。未捕获的语法错误：circletype.min.js上的令牌无效或意外。文件可能有问题吗？@James很可能是的，虽然它可能是一个有效的文件，但使用了浏览器不支持的JS功能。请尝试加载未统一的版本，看看是否有区别。如果这样做有效，请为自己使用不同的缩小器，并在问题跟踪器上提交问题。正如您所说，可能是文件有问题，或者您的浏览器不支持它。很可能您的浏览器不支持它，因为在.babelrc文件中，他们有以下代码：

“targets”：{“browsers”：“last 2 versions”}

，实际上，这意味着它只使用新浏览器支持的代码。它将使用const或var。我已经构建了一个自定义版本，可以在任何浏览器上运行；）