2017-02-21 18 views
0

Я уверен, что есть что-то глупое, что я должен делать. Webpack не удается построить с этой ошибкой:vscode: SyntaxError: Неожиданный токен {

enter image description here

Это наступательная линия в моем файле WebPack:

enter image description here

Похоже WebPack (по крайней мере, версия у меня есть) не как этот вид синтаксиса.

Вот мой package.json

{ 
    "name": "react-typescript-es6-webpack2-postcss", 
    "version": "0.0.2", 
    "license": "MIT", 
    "author": { 
    "name": "Jose Quinto Zamora", 
    "email": "[email protected]", 
    "url": "https://blog.josequinto.com" 
    }, 
    "description": "", 
    "scripts": { 
    "start": "set NODE_ENV=development && webpack-dev-server --open --config ./webpack/webpack.config.dev.js", 
    "prebundle": "npm install", 
    "bundle": "set NODE_ENV=production && webpack --progress --config ./webpack/webpack.config.prod.js", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "dependencies": { 
    "axios": "^0.15.3", 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2" 
    }, 
    "devDependencies": { 
    "@types/axios": "^0.9.35", 
    "@types/node": "^7.0.4", 
    "@types/react": "^15.0.6", 
    "@types/react-dom": "^0.14.22", 
    "autoprefixer": "^6.7.2", 
    "awesome-typescript-loader": "^3.0.0-beta.18", 
    "css-loader": "^0.26.1", 
    "extract-text-webpack-plugin": "^2.0.0-rc.2", 
    "path": "^0.12.7", 
    "postcss-custom-properties": "^5.0.2", 
    "postcss-import": "^9.1.0", 
    "postcss-loader": "^1.2.2", 
    "postcss-nesting": "^2.3.1", 
    "react-hot-loader": "^3.0.0-beta.3", 
    "source-map-loader": "^0.1.6", 
    "style-loader": "^0.13.1", 
    "stylelint": "^7.8.0", 
    "tslint": "^4.4.2", 
    "tslint-react": "^2.3.0", 
    "typescript": "^2.1.5", 
    "webpack": "^2.2.1", 
    "webpack-dev-server": "^2.2.1", 
    "webpack-visualizer-plugin": "^0.1.10" 
    } 
} 

Я использую vscode с машинописи 2.1.6

Любая помощь будет принята с благодарностью

+0

'import {resolve} from 'webpack''? –

ответ

1

Вы, вероятно, старая версия узла, проверьте его с "node -v". Вы можете обновить здесь: https://nodejs.org/en/

Второй вариант может быть изменить вас WebPack конфигурации с:

var resolve = require('path').resolve; 
var webpack = require('webpack'); 
1

Вы путаете разные способы импорта кода. Вы можете:

const resolve = require('path').resolve; 

или:

import { resolve } from 'path'; 

Хотя я скажу - оставаться последовательным в API, - что следует ожидать реструктуризации объекта, чтобы работать так, как вы использовали его.