当我在React SSR应用程序的react.js组件中导入react-toastify的CSS文件时,会在终端中引发以下错误。
.Toastify__toast-container {
^
SyntaxError:意外令牌。
在我的App.js中,我是这样导入的
导入“ react-toastify / dist / ReactToastify.css”
我正在共享我的Webpack配置
var path = require("path");
var webpack = require("webpack");
var nodeExternals = require("webpack-node-externals");
var browserConfig = {
entry: "./src/browser/index.js",mode: "none",output: {
path: path.resolve(__dirname,"public"),filename: "bundle.js",publicPath: "/"
},module: {
rules: [
{ test: /\.(js)$/,exclude: /node_modules/,use: ["babel-loader"] },{
test: /\.(s?)css$/,use: ["style-loader","css-loader"]
}
]
},plugins: [
new webpack.DefinePlugin({
__isBrowser__: "true"
})
]
};
var serverConfig = {
entry: "./src/server/index.js",target: "node",externals: [nodeExternals()],output: {
path: path.resolve(__dirname),filename: "server.js",plugins: [
new webpack.DefinePlugin({
__isBrowser__: "false"
})
]
};
module.exports = [browserConfig,serverConfig];
任何帮助将不胜感激。