.css 未加载，因为它的 MIME 类型“text/html”不是“text/css”。和 SyntaxError：预期的表达式，得到 '<'

Question

在 localhost 中一切正常。这就是为什么不能经常测试的原因。 S3 自动构建创建 text/html 而不是 text/css 仅适用于 xdomain.com/callback/google/signup 等多个斜线路径并面临以下错误：

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

此页面的 js 文件显示 SyntaxError: expected expression, got '

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

我无法解决如何为多个斜线路径 url 页面解决此 css 或 js 路径。

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

App.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 中是否列出了“主页”？

尝试删除它或将其设置为“/”。