Могут ли реагировать-admin успешно работать только в браузере? - PullRequest
0 голосов
/ 17 сентября 2018

Мне интересно, возможно ли использовать веб-пакет для успешной сборки реакции-администратора для запуска в браузере? я новичок в npm / реагировать / и т.д., и я просто не могу гоняться за кучей случайных отведений, потому что это сложно. вот что у меня есть для package.json:

{
  "name": "new-admin",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "prop-types": "^15.6.2",
    "ra-data-json-server": "^2.3.1",
    "react": "^16.5.1",
    "react-admin": "^2.3.1",
    "react-dom": "^16.5.1",
    "react-scripts": "1.1.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "@babel/cli": "^7.0.0",
    "@babel/core": "^7.0.1",
    "@babel/node": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.2",
    "css-loader": "^1.0.0",
    "style-loader": "^0.23.0"
  }
}

и вот что у меня есть для webpack.config.js:

const path = require('path');

module.exports = {
    entry: './src/index.js',
    target: 'web',
    devtool: 'inline-source-map',
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-react']
                    }
                }
            },
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            }
        ]
    }
};

он прекрасно компилируется, но когда я пытаюсь запустить браузер, я получаю

enter image description here

html в значительной степени является примером html, но с загрузкой main.js

...