2016-03-11 13 views
6

tôi nhận được lỗi sau:Kéo từ repo từ xa và nhận được: "Phân tích lỗi: Từ khóa 'nhập khẩu' được dành riêng"

ERROR in ./src/main.js 

    error Parsing error: The keyword 'import' is reserved 
    /Users/staging/Desktop/sourcetree/viewer_web/src/main.js:1:1 
    import Vue from 'vue' 

Đối với một số lý do tính năng ES6 trong dự án của tôi không được công nhận?

Tôi đang sử dụng Node 5.0 và đây là tôi package.json:

{ 
    "name": "istaging-viewer", 
    "description": "A Vue.js project", 
    "author": "Alex <[email protected]>", 
    "private": true, 
    "scripts": { 
    "dev": "node build/dev-server.js", 
    "build": "rimraf dist && webpack --progress --hide-modules --config build/webpack.prod.conf.js", 
    "test": "karma start build/karma.conf.js --single-run" 
    }, 
    "dependencies": { 
    "aframe": "mozvr/aframe#dev", 
    "bootstrap": "^3.3.6", 
    "jquery": "^2.2.1", 
    "lodash": "^4.4.0", 
    "vue": "^1.0.16", 
    "vue-resource": "^0.7.0", 
    "vue-router": "^0.7.11" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.0.0", 
    "babel-loader": "^6.0.0", 
    "babel-plugin-transform-runtime": "^6.0.0", 
    "babel-preset-es2015": "^6.0.0", 
    "babel-preset-stage-2": "^6.0.0", 
    "babel-runtime": "^5.8.0", 
    "bootstrap-webpack": "0.0.5", 
    "connect-history-api-fallback": "^1.1.0", 
    "css-loader": "^0.23.1", 
    "eslint": "^1.10.3", 
    "eslint-friendly-formatter": "^1.2.2", 
    "eslint-loader": "^1.2.0", 
    "eslint-plugin-html": "^1.3.0", 
    "eventsource-polyfill": "^0.9.6", 
    "exports-loader": "^0.6.3", 
    "express": "^4.13.3", 
    "extract-text-webpack-plugin": "^1.0.1", 
    "file-loader": "^0.8.4", 
    "function-bind": "^1.0.2", 
    "html-loader": "^0.4.3", 
    "html-webpack-plugin": "^2.8.1", 
    "imports-loader": "^0.6.5", 
    "inject-loader": "^2.0.1", 
    "jasmine-core": "^2.4.1", 
    "json-loader": "^0.5.4", 
    "karma": "^0.13.15", 
    "karma-jasmine": "^0.3.6", 
    "karma-phantomjs-launcher": "^1.0.0", 
    "karma-spec-reporter": "0.0.24", 
    "karma-webpack": "^1.7.0", 
    "less": "^2.6.0", 
    "less-loader": "^2.2.2", 
    "phantomjs-prebuilt": "^2.1.3", 
    "rimraf": "^2.5.0", 
    "style-loader": "^0.13.0", 
    "stylus": "^0.53.0", 
    "stylus-loader": "^1.5.1", 
    "url-loader": "^0.5.7", 
    "vue-hot-reload-api": "^1.2.0", 
    "vue-html-loader": "^1.0.0", 
    "vue-loader": "^8.1.3", 
    "vue-style-loader": "^1.0.0", 
    "webpack": "^1.12.2", 
    "webpack-dev-middleware": "^1.4.0", 
    "webpack-hot-middleware": "^2.6.0" 
    } 
} 

một giải pháp khả thi là gì?

Tôi nghĩ rằng đó là một vấn đề gây ra bởi eslint vì vậy tôi đã cài đặt nó trên toàn cầu nhưng nó không giải quyết được vấn đề.

Trả lời

1

Nút vẫn sử dụng common.js cho mô-đun. Hãy xem tại đây https://nodejs.org/en/docs/es6/ cho tất cả các tính năng được hỗ trợ của es6 trong nút. Nếu bạn muốn sử dụng nhập khẩu es6 bạn có thể phải sử dụng babel-nút

+0

Như bạn có thể thấy trong 'package.json' của tôi, tôi đã cài đặt babel. – alex

+0

Tôi đã nói về babel-cli http://babeljs.io/docs/usage/cli/ bạn phải chạy nó thay vì nút như vậy '' babel-node build/dev-server.js'' – gabesoft

4

Bạn nên thêm video này vào tập tin .eslintrc của bạn:

"parser": "babel-eslint" 

Điều này sẽ khắc phục sự cố.

Các vấn đề liên quan