Как включить поддержку функции оператора распространения в коде Visual Studio?

У меня есть файл.js, работающий в Visual Studio Code 1.4.0

Но когда я делаю это

var test = state.selectedStorage.storageItems.map(i => {
          if(i.id != action.payload) return i;
          return {
              ...i,
              qty: i.qty - 1
          }
      });

Я получаю подчеркивание под 3 точками (ожидается назначение свойства). Когда я пытаюсь сделать npm start я получил

 Unexpected token (134:18) 

это мой webpack.config.js

module.exports = {
  devtool: 'inline-source-map',
  entry: "./app/index.js",
  output: {
    path: __dirname + '/dist',
    filename: "bundle.js"
  },
  devServer: {
    contentBase: "./app",
    inline: true,
    port: 3333
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      },
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },
      {
        test: /\.woff($|\?)|\.woff2($|\?)|\.ttf($|\?)|\.eot($|\?)|\.svg($|\?)/,
        loader: 'url-loader'
      }
    ]
  },
   externals: {
    jquery: 'jQuery'
  },
} 

2 ответа

Оператор отдыха / распространения объектов не является частью ES2015. Однако он поддерживается Babel с использованием необходимого плагина.

Со страницы документации Visual Code Studio (в общих вопросах о React Native):

Реальные примеры Native часто используют экспериментальный оператор Object Rest/Spread. Это еще не поддерживается VS Code. Если вы хотите использовать его, рекомендуется отключить встроенную проверку синтаксиса (см. Ниже).

Источник: https://code.visualstudio.com/docs/languages/javascript

Другие вопросы по тегам