javascript 在带有Pixi.js的浏览器中出现错误“无法在模块外部使用import语句”

d4so4syb  于 2023-01-19  发布在  Java
关注(0)|答案(2)|浏览(224)

当我尝试在script.jsimport * as PIXI from 'pixi'我得到这样的错误在浏览器中
未捕获的语法错误:不能在模块外部使用import语句(位于script. js:1:1)
index.html看起来像

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="module" src="script.js"></script>
    <title>Document</title>
</head>
<body>

</body>
</html>

我试着用不同的方式连接Pixi。在package.json中我已经有了

{
  "name": "Terrain generator",
  "version": "1.0.0",
  "dependencies": {
    "pixi.js": "^7.1.0"
  }
}

我做错了什么?

xoefb8l8

xoefb8l81#

您是否尝试用途:

import * as PIXI from 'pixi.js'

在您的script.js文件中?
因为我需要扩展名.js导入我的项目。

ruarlubt

ruarlubt2#

这是使用HTML文件中的脚本标记加载库的传统方法的一种方式。

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.2.1/pixi.min.js"></script>

然后在script.js文件中,您可以使用PIXI,而无需导入语句。

相关问题