Reactjs 使用Web包开发服务器时遇到问题
我正试图开始学习如何使用webpack做出反应,并最终将redux放在那里(很难找到一起学习这三个方面的指南…),无论如何,设置有问题。感谢您的帮助。谢谢 编辑:@FakeRainBrigand的解决方案成功了 我的错误是 webpack.config.jsReactjs 使用Web包开发服务器时遇到问题,reactjs,webpack-dev-server,Reactjs,Webpack Dev Server,我正试图开始学习如何使用webpack做出反应,并最终将redux放在那里(很难找到一起学习这三个方面的指南…),无论如何,设置有问题。感谢您的帮助。谢谢 编辑:@FakeRainBrigand的解决方案成功了 我的错误是 webpack.config.js var webpack = require('webpack'); var path = require('path'); module.exports = { devtool: 'inline-source-map',
var webpack = require('webpack');
var path = require('path');
module.exports = {
devtool: 'inline-source-map',
entry: [
'webpack-dev-server/client?http://127.0.0.1:8080/',
'webpack/hot/only-dev-server',
'./src'
],
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js'
},
resolve: {
modules: ['node_modules', 'src'],
extensions: ['.js', '.jsx']
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: ['react-hot-loader', 'babel-loader']
}
]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()
]
};
index.jsx
import React from 'react';
import { render } from 'react-dom';
import App from './components/app';
render(<App/>, document.getElementById('app'));
我对react和webpack都是新手,所以这可能比我想象的要简单得多。非常感谢您的帮助。您似乎缺少
.babelrc
文件。您可以,也可以只使用这个并安装依赖项
{
"plugins": [
"transform-class-properties",
"transform-object-rest-spread"
],
"presets": [
[
"env",
{
"targets": {
"browsers": [
"> 1%"
]
}
}
],
"react"
]
}
安装
npm install --save-dev babel-preset-env babel-preset-react babel-plugin-transform-class-properties babel-plugin-transform-object-rest-spread
{
"plugins": [
"transform-class-properties",
"transform-object-rest-spread"
],
"presets": [
[
"env",
{
"targets": {
"browsers": [
"> 1%"
]
}
}
],
"react"
]
}
npm install --save-dev babel-preset-env babel-preset-react babel-plugin-transform-class-properties babel-plugin-transform-object-rest-spread