解决es6中webstrom不支持import的一个简单方法

Posted 技术让世界更精彩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决es6中webstrom不支持import的一个简单方法相关的知识,希望对你有一定的参考价值。

代码如下:

export_one.js的代码如下:

export  function one() {
    console.log(‘one‘);
}
export function two() {
    console.log(‘two‘);
}
function three() {
    console.log(‘three‘);
}
function four() {
    console.log(‘four‘);
}
 function five() {
    console.log(‘five‘);
}

export {five};

  test_import.html的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--引入了3个js文件,并且type的类型是module的类型--> <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script> <script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script> <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script> <script type="module"> import {five,one} from ./export_one.js; five();//five one();//one </script> </body> </html>

 

以上是关于解决es6中webstrom不支持import的一个简单方法的主要内容,如果未能解决你的问题,请参考以下文章

如何本地搭建一个支持es6的import from 模块导入环境

webpack3+babel+react 配置 支持 es6中的import()

如何让浏览器支持ES6中的import和export语法

Webstorm 不识别es6 import React from ‘react’——webstorm不支持jsx语法怎么办

webstrom如何配置babel来转换es6

解决问题SyntaxError: Unexpected token import