.css没有加载，因为它的MIME类型"text/html"不是"text/css"。和语法错误：预期的表达式，得到'<'

Question

在本地主机中一切正常。这就是为什么不能经常测试的原因。 S3 自动生成仅为多个斜杠路径(如 xdomain.com/callback/google/signup)创建文本/html 而不是文本/css 并面临以下错误：

样式表 https://xdomain.com/callback/google/signup/static/css/2.40dccbaa.chunk.css 未加载，因为它的MIME类型"text/html"不是"text/css"。

此页面的 js 文件显示语法错误相同：预期的表达式，出现"<"错误。

所有其他路径(如 https://xdomain.com/home 或 https://xdomain.com/dashboard 工作正常。

我无法修复如何解决多个斜杠路径 url 页面的此 css 或 js 路径。

import "./GoogleSignupCallback.scss"; // that's how i import scss file in different pages.

应用程序.js文件

import React from "react";
import {
BrowserRouter as Router,
Switch,
Route,
Redirect,
} from "react-router-dom";
import "./scss/common.scss";
import Home from "./views/Home";
import GoogleSingupCallback from "./views/SNS/GoogleSignupCallback/index";
import Cms from "./views/Cms/index";
const App = () => {
return (
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/cms" component={Cms} />
<Route exact path="/callback/google/signup" component={GoogleSingupCallback} />
<Redirect to="/" />
</Switch>
</Router>
);
};
export default App;

请帮忙。

Answer 1

你的package.json中列出了一个"主页"吗？

尝试将其删除或设置为"/"。