[英]Unexpected token import when using custom transformer of babel-jest
[英]Unexpected Token @ when using babel decorator
我目前正在構建一個React項目,並已開始使用connect合並redux。 我正在使用裝飾器來引用這個即
const mapStateToProps = (state) => {
return {
active: state.sortOrder
}
};
@connect(mapStateToProps)
export default class SortFilter extends Component {
//component code here
}
語法錯誤:/Sort.js:意外令牌(10:0)@connect(mapStateToProps)
這是我的webpack配置,其中包括babel-transform-decorators和stage-0預設(因為這似乎是其他解決方案)。
const PATH = require('path');
const webpack = require("webpack");
const ROOT = '../../../';
const APP_FOLDER = PATH.resolve(__dirname, ROOT, 'app/');
const APP_ENTRY_FILE = PATH.resolve(__dirname, ROOT, APP_FOLDER, 'client.js');
const BUILD_FOLDER = PATH.resolve(__dirname, ROOT, 'app/public/js/');
const PUBLIC_PATH = '/js/';
const BUILD_FILE = 'app.js';
const ESLINT_CONFIG_FILE = PATH.resolve(__dirname, ROOT, 'tools/build/config/eslint-config.json');
var webpackConfig = {
entry: {
app: APP_ENTRY_FILE
},
output: {
path: BUILD_FOLDER,
publicPath: PUBLIC_PATH,
filename: BUILD_FILE
},
devtool: 'inline-source-map',
debug: true,
bail: true,
eslint: {
configFile: ESLINT_CONFIG_FILE
},
module: {
preLoaders: [
{
test: /\.js$/,
include: [
APP_FOLDER
],
loader: 'eslint-loader'
}
],
loaders: [
{
test: /\.js$/,
include: [
APP_FOLDER
],
loader: 'babel',
query: {
compact: false,
cacheDirectory: true,
presets: ['es2015', 'react', 'stage-0'],
plugins: ['transform-decorators-legacy']
}
}
]
},
externals: {
'axios': 'axios',
'react': 'React',
'react-router': 'ReactRouter',
'history': 'History',
'react-dom': 'ReactDOM'
},
plugins: [
new webpack.NoErrorsPlugin()
]
};
module.exports = webpackConfig;
任何解決此問題的幫助將不勝感激。
您需要安裝babel-plugin-transform-decorators
:
npm install babel-plugin-transform-decorators-legacy --save-dev
然后添加.babelrc:
"plugins": ["transform-decorators-legacy"]
您是否嘗試過在項目根目錄的.babelrc文件中移動babel配置(在webpack上刪除babel配置)?
文件是這樣的:
{
"presets": [ "es2015", "react" ],
"plugins": [
"transform-decorators-legacy"
]
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.