Question

我很好奇，我在本地通过npm安装了jquery，并在

下面创建了HTML代码

<body>
 <script>
    import jquery from "jquery";
 </script>
</body>

但它有错误。我的浏览器是chrome v65 https://caniuse.com/#feat=es6-module支持 import ，不需要编译器

Answer 1

您必须在type="module"标记上添加<script>属性，否则您将无法知道您是否尝试包含ES6模块。你这样做：

<script type="module">
</script>

然后默认情况下，来自npm的jQuery模块不会导出任何内容，所以你必须像这样导入整个文件：

<script type="module">
  import './node_modules/jquery/dist/jquery.min.js'
</script>

所以我从jQuery文件导入所有内容。然后我们得到的是变量jQuery和分配给全局$ var的变量window。

Answer 2

尝试import * as $ from 'jquery'