如何在.net Core剃须刀页面上渲染React组件?

时间:2020-10-21 10:14:21

标签: webpack .net-core react-redux electron

我已经电子化了React应用程序,我正在尝试将此React应用程序集成到我现有的.net Web应用程序中。因此,我复制了我的react我的并将其粘贴到.net项目(wwwwroot文件夹之外)中。为了渲染React组件,我创建了视图,并在此视图中引用了 bundle.js 文件,例如< / p>

<script src="~/build/bundle.js></script>

但是出现以下错误:

enter image description here

这是我的webpack.config:

module.exports = {
node: {
    __dirname: false,
},
target: "electron-main",
entry: "./src/electron/main.ts",
module: {
    rules: [
        {
            test: /\.ts?$/,
            use: [{
                loader: "ts-loader",
                options: {
                    compilerOptions: {
                        noEmit: false
                    }
                }
            }],
            exclude: /node_modules/
        }
    ]
},
resolve: {
    extensions: [".ts", ".js"]
},
output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "../../wwwroot/build")
}}

在main.ts(电子文件)中,我已将 nodeIntegration 设置为 true

请帮助。谢谢!

0 个答案:

没有答案