0

我正在尝试使用 Webpack 3 和 babel-loader 构建我的客户端，而在我的一生中，我无法弄清楚为什么它不解析一个简单的 JSX 文件。它立即失败，给我消息：

ERROR in ./Client.jsx
Module parse failed: /Users/bfitz/my-webapp/node_modules/babel-loader/lib/index.js??ref--0-0!/Users/bfitz/my-webapp/src/app/Client.jsx Unexpected token (40:8)
You may need an appropriate loader to handle this file type.
|
|     const app = (
|         <Provider store={STORE}>
|             <Router history={HISTORY}>
|                 {ROUTES}
 @ multi ./Client.jsx

这是我的网络包：

const { resolve, join } = require('path')
const webpack = require('webpack')

const assetsPath = join(__dirname, '..', 'public', 'assets')

const contextPath = resolve(__dirname, '..', 'src', 'app/')

module.exports = {
    entry: {
        client: ['./Client.jsx']
    },
    output: {
        path: assetsPath,
        filename: '[name].js',
        publicPath: '/assets/'
    },
    context: contextPath,
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                include: resolve(__dirname, '..', 'src', 'app/'),
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'babel-loader',
                        options: {
                            presets: ['react', 'es2015', 'stage-0']
                        }
                    }
                ]
            },
            {
                test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: '10000',
                            mimetype: 'application/font-woff',
                            name: '[name]-[hash:6].[ext]'
                        }
                    }
                ]
            },
            {
                test: /\.html$/,
                use: 'html-loader'
            },
            {
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader']
            }
        ]
    }
}

在服务器上，我设置了这样的热重载中间件：

const devClientWebpackConfig = require('../../webpack/webpack-dev-client')

APP.use(webpackMiddleware(webpack(devClientWebpackConfig)))

我正在运行 Webpack 3.4.1 和 Babel 6.25。Babel-loader 是 7.1.1，所有插件也是 6.24.1。

在此先感谢，这让我很头疼。

4

0 回答 0