2017-02-21 104 views
0

我确信有一些愚蠢的事情我必须做。的WebPack构建失败,这个错误:vscode:SyntaxError:意外的令牌{

enter image description here

这是我的WebPack文件进攻线:

enter image description here

它看起来像的We​​bPack(至少我的版本)不像这种语法。

这里是我的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

'从'webpack''导入{resolve}? –

回答

1

你可能有旧版本的节点,检查它与“节点-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的 - 一个人应该指望对象的重组工作,你用它的方式。