我知道这是一个重复的问题,但我发现的提示迄今为止都没有帮助,这就是为什么我决定再次提问。使用摩卡与Babel时意外的令牌导入
我在摩卡创建了一个简单的测试,当我尝试运行它时,我不断收到unexpected token import
错误。我已经尝试了许多不同的解决方案,这些解决方案在其他地方都可以找到,但是他们中没有一个与我的案例有关。由于我是一名初级程序员,我不明白我找到的所有答案,因此我无法在此列出所有答案。然而,经常给出的提示是使用--compilers js:babel-core/register.
但是,这并不适用于我的情况。下面是我的package.json
:
`{
"name": "beer-guru",
"version": "1.0.0",
"description": "A simple app displaying info about various beers",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --inline --hot --open",
"prettier": "prettier --single-quote --write ./app/**/*.js",
"lint": "eslint **/*.js",
"test": "mocha **/*.test.js"
},
"keywords": [
"React.js"
],
"author": "Maciek Maslowski",
"license": "ISC",
"dependencies": {
"lodash": "^4.17.4",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-router": "^4.1.2",
"react-router-dom": "^4.1.2",
"styled-components": "^2.1.1",
"styled-tools": "^0.1.4"
},
"devDependencies": {
"babel-core": "^6.22.1",
"babel-eslint": "^7.2.3",
"babel-loader": "^6.2.10",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-preset-es2015": "^6.22.0",
"babel-preset-react": "^6.22.0",
"eslint": "^4.4.1",
"eslint-loader": "^1.9.0",
"eslint-plugin-react": "^7.2.1",
"expect": "21.0.2",
"html-webpack-plugin": "^2.26.0",
"mocha": "3.5.3",
"prettier": "^1.5.3",
"react-redux": "5.0.6",
"redux": "3.7.2",
"supertest": "3.0.0",
"webpack": "^1.14.0",
"webpack-dev-server": "^1.16.2"
}
}`
我.babelrc
:
"presets": [
"es2015", "react", "env"
],
"plugins": ["transform-class-properties"]
和我webpack.config.js
:
var HtmlWebpackPlugin = require('html-webpack-plugin');
var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
template: __dirname + '/app/index.html',
filename: 'index.html',
inject: 'body'
});
module.exports = {
entry: [
'./app/index.js'
],
devServer: {
historyApiFallback: true
},
output: {
path: __dirname + '/dist',
filename: "index_bundle.js"
},
module: {
loaders: [
{test: /\.js$/, exclude: /node_modules/, loaders: ["babel-loader", "eslint-loader"]}
]
},
plugins: [HtmlWebpackPluginConfig]
}
没有人在这里有任何想法,如果有可能与此配置在运行摩卡测试所有?如果是这样,有谁知道如何?
非常感谢所有提示!
谢谢!这是我用这个命令运行Mocha时得到的结果:'从'。'导入transformCss,{getStylesForProperty}; SyntaxError:意外的令牌导入。你有任何线索如何解决这个问题:-)? – maciek
好的,问题解决了 - 如果感兴趣,请看我自己的答案。尽管你的命令有效 - 我只是忽略了一些显而易见的事情,但因为这也可能发生在其他用户身上,所以我决定发布我自己的答案。 – maciek
@maciek,我建议你接受你自己的答案,然后,因为我并没有真正解决这个问题!顺便说一句。很容易忽略像错误的道路,良好的捕捉。 – vcanales