[英]SyntaxError: Unexpected token import error
嘗試運行我的React應用時,我收到“意外的令牌導入”
我得到的錯誤
User:my-version username$ node build
User:my-version username$ node app.js
/Users/Hindreen/Documents/workspace/apps/test/app.js:1
(function (exports, require, module, __filename, __dirname) { import React
from 'react';
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:588:28)
at Object.Module._extensions..js (module.js:635:10)
at Module.load (module.js:545:32)
at tryModuleLoad (module.js:508:12)
at Function.Module._load (module.js:500:3)
at Function.Module.runMain (module.js:665:10)
at startup (bootstrap_node.js:187:16)
at bootstrap_node.js:608:3
User:test username$
app.js
import React from 'react';
import ReactDOM from 'react-dom';
class Application extends React.Component {
render() {
return (
<div className="container">
<h1>Hello From React</h1>
</div>
);
}
}
build.js
var fs = require("fs");
var browserify = require("browserify");
var babelify = require("babelify");
browserify({ debug: true })
.transform(babelify)
.require("./app.js", { entry: true })
.bundle()
.on("error", function (err) { console.log("Error: " + err.message); })
.pipe(fs.createWriteStream("bundle.js"));
.babelrc
{
"presets": ["env", "react"],
"plugins": ["transform-es2015-modules-amd"]
}
package.json devDependencies
{
"devDependencies":{
"babel-plugin-transform-es2015-modules-amd": "^6.24.1",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.24.1",
"babelify": "^7.3.0",
"browserify": "^13.3.0",
"react": "^15.0.2",
"react-dom": "^15.0.2"
}
}
感謝您的幫助,如果您不清楚我的問題,請提前告訴我。
const React = require('react'),
ReactDOM = require('react-dom');
如果您使用ES6-syntax編寫=>安裝並使用babel
-> User:my-version username$ node app.js
除非您想運行代碼服務器端,否則這不是引導您的“構建”代碼的適當方法。
請參考模仿您的設置的以下內容: https : //repl.it/repls/RemoteJovialSignature ( 它實際上並未運行,僅用於查看目的 )。
在本地運行的步驟:
node build
-構建bundle.js index.html
我剛剛解決了將腳本文件text.js
從Unicode text.js
回UTF的問題。 可能無法識別Unicode中的單引號(')。 它在排隊失敗
var mysql = require('mysql');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.