blocks|key|77762|text|问题是，正如您所说的，导入目前仅通过Node全局支持。如果您想要在客户端快速导入代码，并且jQuery是一个选项，那么您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|77763|$.getScript(+"ajax/test.js"+)
.done(function(+script,+textStatus+)+{
++++console.log(+textStatus+);
})
.fail(function(+jqxhr,+settings,+exception+)+{
++++$(+"div.log"+).text(+"Triggered+ajaxError+handler."+);
});|code-block|syntax|javascript|77764|这将从服务器加载并执行JavaScript代码。回调done在脚本下载完成后调用，但不一定执行完毕。|offset|length|style|CODE|77765|有关更多信息，您可以查看official+reference|77766|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.getScript/^0|0|0|Q|4|0|C|I|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@$I|12|J|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

The issue, as you said is that import is currently only being supported globally via Node. If you want to quickly import code on the client side, and jQuery is an option, then you can use:

<pre><code>$.getScript( "ajax/test.js" )
.done(function( script, textStatus ) {
 console.log( textStatus );
})
.fail(function( jqxhr, settings, exception ) {
 $( "div.log" ).text( "Triggered ajaxError handler." );
});
</code></pre>

This will load and execute the JavaScript code from the server. The callback <code>done</code> is called when the script has finished downloading, but not necessarily completed execution.

For more info, you can look at the <a href="http://api.jquery.com/jQuery.getScript/" rel="nofollow noreferrer">official reference</a>

blocks|key|2555535|text|目前90%25+of+all+users+browser+(caniuse.com)支持导入/导出语法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2555536|你可以用它来“包含”你的脚本。要做的第一件事是将type="module"+<script+tag>的作为一个属性(例如，<script+type="module">)|style|BOLD|CODE|2555537|然后，您可以在js脚本中使用import/export。是的，模块需要导出一个值(变量，函数...)为了能够在另一个脚本中使用它，但这是可选的，因为您可以只执行脚本，而不需要导出某些内容。|2555538|文档：|2555539|2555540|import|unordered-list-item|2555541|export|2555542|Very+good+article+on+how+to+use+module+in+browsers|2555543|2555544|请记住，这还不是一个完全支持的功能，如果您关心浏览器的兼容性，您将需要polyfill|2555545|entityMap|0|LINK|mutability|MUTABLE|url|https://caniuse.com/#search=javascript%2520modules|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import|2|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export|3|https://jakearchibald.com/2017/es-modules-in-browsers/^0|2|12|0|0|O|D|12|C|1F|X|O|D|12|C|1P|M|0|0|V|E|6|L|6|0|0|0|0|6|1|0|0|6|2|0|0|1E|3|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|D|3|E|5|6|7|1F|8|@$A|1G|B|1H|F|G]|$A|1I|B|1J|F|G]|$A|1K|B|1L|F|G]|$A|1M|B|1N|F|H]|$A|1O|B|1P|F|H]|$A|1Q|B|1R|F|H]]|9|@]|C|$]]|$1|I|3|J|5|6|7|1S|8|@$A|1T|B|1U|F|G]|$A|1V|B|1W|F|H]|$A|1X|B|1Y|F|H]]|9|@]|C|$]]|$1|K|3|L|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|20|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|21|8|@]|9|@$A|22|B|23|1|24]]|C|$]]|$1|Q|3|R|5|P|7|25|8|@]|9|@$A|26|B|27|1|28]]|C|$]]|$1|S|3|T|5|P|7|29|8|@]|9|@$A|2A|B|2B|1|2C]]|C|$]]|$1|U|3|-4|5|6|7|2D|8|@]|9|@]|C|$]]|$1|V|3|W|5|6|7|2E|8|@]|9|@]|C|$]]|$1|X|3|-4|5|6|7|2F|8|@]|9|@]|C|$]]]|Y|$Z|$5|10|11|12|C|$13|14]]|15|$5|10|11|12|C|$13|16]]|17|$5|10|11|12|C|$13|18]]|19|$5|10|11|12|C|$13|1A]]]]

Currently import / export syntax is supported by <a href="https://caniuse.com/#search=javascript%20modules" rel="nofollow noreferrer">90% of all users browser (caniuse.com)</a>.
You can use it to &quot;include&quot; your script. The first thing to do is to put <code>type=&quot;module&quot;</code> as an attribute of a <code>&lt;script tag&gt;</code> (Eg. <code>&lt;script type=&quot;module&quot;&gt;</code>)
Then you can <code>import</code>/<code>export</code> in your js scripts. And YES modules need to export a value (variable, function...) to be able to use it in another script, but this is optionnal since you can just execute script without the need to export something.
Documentation:
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import" rel="nofollow noreferrer">import</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export" rel="nofollow noreferrer">export</a></li>
<li><a href="https://jakearchibald.com/2017/es-modules-in-browsers/" rel="nofollow noreferrer">Very good article on how to use module in browsers</a></li>
</ul>
Keep in mind that is not yet a fully supported feature and you will need a polyfill if you mind about browser compatibility

blocks|key|2549568|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2549569|const+url+=+'./demo.js';
try+{+import(url).loadPageInto(main);}+
catch+(error)+{+main.textContent+=+error.message;+}|code-block|syntax|javascript|2549570|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this :

<pre><code>const url = './demo.js';
try { import(url).loadPageInto(main);} 
catch (error) { main.textContent = error.message; }
</code></pre>

I am trying to use VeeValidate and the examples show the usage of ES6 import like this:

<pre><code>import { Validator } from 'vee-validate';
</code></pre>

My understanding is that this works only with npm and not with CDN. I want to just write client-side js and not use node js. Do I have to look into something like browserify or webpack?

I tried to copy the javascript from the CDN link and just make it a local js file for importing, but could not get it working. Did it not work because I did not have export statements?

How to use ES6 import (client-side JS)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试使用VeeValidate，下面的示例显示了ES6导入的用法：import { Validator } from 'vee-validate';我的理解是，这只适用于npm，而不适用于CDN。我只想写客户端js，而不是使用node js。我是不是必须研究一下browserify或webpack之类的东西？我尝...

问如何使用ES6导入(客户端JS)
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用ES6导入(客户端JS)EN