WebStorm與巴貝爾不import語句

我使用WebStorm 2017年1月3日的工作，雖然也與最新的EAP試過了，我不能讓import from語句來工作。我只是不斷收到以下錯誤：WebStorm與巴貝爾不import語句

import Utils from './utils' 
^^^^^^ 

SyntaxError: Unexpected token import

在我packages.json我有babel-cli，babel-preset-env和定義babel-preset-es2015。我跟着各種博客文章和視頻，但仍然有相同的錯誤。

ES6在設置中啓用和我嘗試添加巴貝爾文件表按文檔，但似乎沒有任何工作。這感覺就像應該更容易，更簡單，所以我必須錯過拼圖的重要部分。

沒有人有一步一個工作步驟，從新鮮的項目，如何配置webstorm與import工作的指導？

有些地方說使用的文件表，別人說只是改變項目配置翻譯使用babel-node。其他人說，必須使用Gulp ...非常混亂。

謝謝。 FLO

來源

2017-06-23 Flo Woo

爲了把事情說清楚：這是不是配置WebStorm，錯誤來自運行代碼Node.js的解釋。 Node.js本身仍然不支持ES6模塊（實際上，目前沒有JavaScript運行時支持它們 - ECMAScript沒有定義一個「Loader」規範，它決定了模塊如何插入到運行時.Loader規範由WHATWG定義，但尚未最終確定）。所以，爲了讓ES6導入/導出得到接受，您需要使用轉譯器。目前的行業標準是巴貝爾

最簡單的方法，使其工作如下：

安裝通天使用npm install --save-dev babel-cli babel-preset-env
項目創建一個.babelrc文件中項目的根目錄：

{ 「預置」：[ 「ENV」]}
在你的Node.jsř Un配置，通過-r babel-register到節點：

有了這個配置，您的代碼將在transpiled的即時通過通天，沒有文件觀察家等都是需要

來源

2017-06-23 14:27:33 lena

WebStorm與巴貝爾不import語句

回答

相關問題