blocks|key|4455213|text|在模块实现之前，您可以使用Babel+"transpiler“来运行代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4455214|npm+install+--save+babel-cli+babel-preset-node6|code-block|syntax|javascript|4455215|然后|4455216|./node_modules/babel-cli/bin/babel-node.js+--presets+node6+./your_script.js|4455217|如果你不想输入--presets+node6，你可以通过以下方式保存它.babelrc文件：|offset|length|style|CODE|4455218|{
++"presets":+[
++++"node6"
++]
}|4455219|请参阅https://www.npmjs.com/package/babel-preset-node6和https://babeljs.io/docs/usage/cli/|4455220|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/babel-preset-node6|1|https://babeljs.io/docs/usage/cli/^0|0|0|0|0|7|F|0|0|3|1C|0|1G|Y|1|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|18|8|@$M|19|N|1A|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1C|8|@]|9|@$M|1D|N|1E|1|1F]|$M|1G|N|1H|1|1I]]|A|$]]|$1|U|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]|12|$5|X|Y|Z|A|$10|13]]]]

Until modules are implemented you can use the Babel "transpiler" to run your code:

<pre><code>npm install --save babel-cli babel-preset-node6
</code></pre>

and then

<pre><code>./node_modules/babel-cli/bin/babel-node.js --presets node6 ./your_script.js
</code></pre>

If you dont want to type <code>--presets node6</code> you can save it .babelrc file by:

<pre><code>{
 "presets": [
 "node6"
 ]
}
</code></pre>

See <a href="https://www.npmjs.com/package/babel-preset-node6" rel="noreferrer">https://www.npmjs.com/package/babel-preset-node6</a> and <a href="https://babeljs.io/docs/usage/cli/" rel="noreferrer">https://babeljs.io/docs/usage/cli/</a>

blocks|key|4455285|text|在你的应用中，你必须声明你的导入模块，而不是使用‘require()’关键字：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4455286|const+app+=+require("example_dependency");|code-block|syntax|javascript|4455287|然后，创建一个.babelrc文件：|4455288|{
"presets":+[+
++++["es2015",+{+"modules":+false+}]
]
}|4455289|然后，在您的your文件中，确保声明您的require()模块：|4455290|var+gulp+=+require("gulp");|4455291|entityMap^0|P|9|0|0|0|0|K|9|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

In your app, you must declare your <code>require()</code> modules, not using the 'import' keyword:

<pre><code>const app = require("example_dependency");
</code></pre>

Then, create a .babelrc file:

<pre><code>{
"presets": [ 
 ["es2015", { "modules": false }]
]
}
</code></pre>

Then, in your gulpfile, be sure to declare your <code>require()</code> modules:

<pre><code>var gulp = require("gulp");
</code></pre>

blocks|key|4455317|text|如果您使用react-native的预设，它将接受导入|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4455318|npm+i+babel-preset-react-native+--save-dev|code-block|syntax|javascript|4455319|并将其放入.babelrc文件中|4455320|{
++"presets":+["react-native"]
}|4455321|在项目根目录中|4455322|https://www.npmjs.com/package/babel-preset-react-native|offset|length|4455323|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|1J|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|11|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@]|9|@$O|13|P|14|1|15]]|A|$]]|$1|Q|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|N]]]]

if you use the preset for react-native it accepts the import

<pre><code>npm i babel-preset-react-native --save-dev
</code></pre>

and put it inside your .babelrc file

<pre><code>{
 "presets": ["react-native"]
}
</code></pre>

in your project root directory

<a href="https://www.npmjs.com/package/babel-preset-react-native" rel="noreferrer">https://www.npmjs.com/package/babel-preset-react-native</a>

blocks|key|4455336|text|babel-preset-es2015现在已被弃用，如果您尝试使用劳伦斯的解决方案，您将收到警告。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4455337|要使其与Babel+6.24.1%2B一起工作，请改用babel-preset-env：|4455338|npm+install+babel-preset-env+--save-dev|code-block|syntax|javascript|4455339|然后将env添加到您的.babelrc中的预设|4455340|{
++"presets":+["env"]
}|4455341|有关详细信息，请参阅the+Babel+docs。|4455342|entityMap|0|LINK|mutability|MUTABLE|url|http://babeljs.io/env^0|0|J|0|P|G|0|0|3|3|B|8|0|0|A|E|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1D|8|@]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|S|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<code>babel-preset-es2015</code> is now deprecated and you'll get a warning if you try to use Laurence's solution. 

To get this working with Babel 6.24.1+, use <code>babel-preset-env</code> instead:

<pre><code>npm install babel-preset-env --save-dev
</code></pre>

Then add <code>env</code> to your presets in your <code>.babelrc</code>:

<pre><code>{
 "presets": ["env"]
}
</code></pre>

See <a href="http://babeljs.io/env" rel="noreferrer">the Babel docs</a> for more info.

blocks|key|4455389|text|当前的方法是使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4455390|npm+install+--save-dev+babel-cli+babel-preset-env|offset|length|style|CODE|4455391|然后在.babelrc中|4455392|{
++++"presets":+["env"]
}|code-block|syntax|javascript|4455393|此安装Babel支持最新版本的js+(es2015及更高版本)，请查看babeljs|4455394|运行js文件时，不要忘记将babel-node添加到package.json+use中的脚本中，如下所示。|4455395|"scripts":+{
+++"test":+"mocha",
++++//Add+this+line+to+your+scripts
+++"populate":+"node_modules/babel-cli/bin/babel-node.js"+
},|4455396|现在，您可以在终端内部执行npm+populate+yourfile.js操作。|4455397|如果您正在运行windows并运行错误:内部或外部命令不可识别，请使用脚本前面的node，如下所示|4455398|node+node_modules/babel-cli/bin/babel-node.js|4455399|然后是npm+run+populate|4455400|entityMap^0|0|0|1D|0|3|8|0|0|0|D|A|Q|C|0|0|D|O|0|0|0|19|0|3|G|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1B|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]]|9|@]|A|$]]|$1|S|3|T|5|L|7|1I|8|@]|9|@]|A|$M|N]]|$1|U|3|V|5|6|7|1J|8|@$D|1K|E|1L|F|G]]|9|@]|A|$]]|$1|W|3|X|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1N|8|@$D|1O|E|1P|F|G]]|9|@]|A|$]]|$1|10|3|11|5|6|7|1Q|8|@$D|1R|E|1S|F|G]]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|13|$]]

Current method is to use:

<code>npm install --save-dev babel-cli babel-preset-env</code>

And then in in <code>.babelrc</code>

<pre><code>{
 "presets": ["env"]
}
</code></pre>

this install Babel support for latest version of js (es2015 and beyond)
Check out babeljs

Do not forget to add <code>babel-node</code> to your scripts inside <code>package.json</code> use when running your js file as follows.

<pre><code>"scripts": {
 "test": "mocha",
 //Add this line to your scripts
 "populate": "node_modules/babel-cli/bin/babel-node.js" 
},
</code></pre>

Now you can <code>npm populate yourfile.js</code> inside terminal.

If you are running windows and running error internal or external command not recognized, use node infront of the script as follow

<code>node node_modules/babel-cli/bin/babel-node.js</code>

Then <code>npm run populate</code>

blocks|key|4455541|text|我做了以下工作来解决这个问题(ex.js脚本)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4455542|问题|4455543|$+cat+ex.js
import+{+Stack+}+from+'es-collections';
console.log("Successfully+Imported");

$+node+ex.js
/Users/nsaboo/ex.js:1
(function+(exports,+require,+module,+__filename,+__dirname)+{+import+{+Stack+}+from+'es-collections';
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++%5E%5E%5E%5E%5E%5E

SyntaxError:+Unexpected+token+import
++++at+createScript+(vm.js:80:10)
++++at+Object.runInThisContext+(vm.js:152:10)
++++at+Module._compile+(module.js:624:28)
++++at+Object.Module._extensions..js+(module.js:671:10)
++++at+Module.load+(module.js:573:32)
++++at+tryModuleLoad+(module.js:513:12)
++++at+Function.Module._load+(module.js:505:3)
++++at+Function.Module.runMain+(module.js:701:10)
++++at+startup+(bootstrap_node.js:194:16)
++++at+bootstrap_node.js:618:3|code-block|syntax|javascript|4455544|解决方案|4455545|#+npm+package+installation
npm+install+--save-dev+babel-preset-env+babel-cli+es-collections

#+.babelrc+setup
$+cat+.babelrc
{
++"presets":+[
++++["env",+{
++++++"targets":+{
++++++++"node":+"current"
++++++}
++++}]
++]
}

#+execution+with+node
$+npx+babel+ex.js+--out-file+ex-new.js
$+node+ex-new.js
Successfully+Imported

#+or+execution+with+babel-node
$+babel-node+ex.js
Successfully+Imported|4455546|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I have done the following to overcome the problem (ex.js script)

<h3>problem</h3>

<pre><code>$ cat ex.js
import { Stack } from 'es-collections';
console.log("Successfully Imported");

$ node ex.js
/Users/nsaboo/ex.js:1
(function (exports, require, module, __filename, __dirname) { import { Stack } from 'es-collections';
 ^^^^^^

SyntaxError: Unexpected token import
 at createScript (vm.js:80:10)
 at Object.runInThisContext (vm.js:152:10)
 at Module._compile (module.js:624:28)
 at Object.Module._extensions..js (module.js:671:10)
 at Module.load (module.js:573:32)
 at tryModuleLoad (module.js:513:12)
 at Function.Module._load (module.js:505:3)
 at Function.Module.runMain (module.js:701:10)
 at startup (bootstrap_node.js:194:16)
 at bootstrap_node.js:618:3
</code></pre>

<h3>solution</h3>

<pre><code># npm package installation
npm install --save-dev babel-preset-env babel-cli es-collections

# .babelrc setup
$ cat .babelrc
{
 "presets": [
 ["env", {
 "targets": {
 "node": "current"
 }
 }]
 ]
}

# execution with node
$ npx babel ex.js --out-file ex-new.js
$ node ex-new.js
Successfully Imported

# or execution with babel-node
$ babel-node ex.js
Successfully Imported
</code></pre>

blocks|key|4455462|text|@jovi你需要做的就是像这样添加.babelrc文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4455463|{
++"plugins":+[
++++"transform-strict-mode",
++++"transform-es2015-modules-commonjs",
++++"transform-es2015-spread",
++++"transform-es2015-destructuring",
++++"transform-es2015-parameters"
++]
}|code-block|syntax|javascript|4455464|并使用npm将这些插件安装为devdependences。|4455465|然后再次尝试使用babel-node+***.js。希望这能对你有所帮助。|4455466|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

@jovi all you need to do is add .babelrc file like this:

<pre><code>{
 "plugins": [
 "transform-strict-mode",
 "transform-es2015-modules-commonjs",
 "transform-es2015-spread",
 "transform-es2015-destructuring",
 "transform-es2015-parameters"
 ]
}
</code></pre>

and install these plugins as devdependences with npm.

then try babel-node ***.js again. hope this can help you.

In js file, i used import to instead of require

<pre><code>import co from 'co';
</code></pre>

And tried to run it directly by nodejs since it said import is 'shipping features' and support without any runtime flag (<a href="https://nodejs.org/en/docs/es6/">https://nodejs.org/en/docs/es6/</a>), but i got an error

<pre><code>import co from 'co';
^^^^^^

SyntaxError: Unexpected token import
</code></pre>

Then i tried to use babel

<pre><code>npm install -g babel-core
npm install -g babel-cli
npm install babel-core //install to babel locally, is it necessary?
</code></pre>

and run by 

<pre><code>babel-node js.js
</code></pre>

still got same error, unexpected token import?

How could I get rid of it?

"unexpected token import" in Nodejs5 and babel?

在js文件中，我使用import to而不是requireimport co from 'co';我尝试通过nodejs直接运行它，因为它说import是没有任何运行时标志()的‘运送功能’和支持，但我得到了一个错误import co from 'co';^^^^^^SyntaxError: Unexpected to...

问在Nodejs5和babel中的“意外的令牌导入”？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Nodejs5和babel中的“意外的令牌导入”？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Nodejs5和babel中的“意外的令牌导入”？
EN