css - .css 未加载，因为其 MIME 类型 “text/html” 不是 “text/css” 。和 SyntaxError : expected expression, 得到 '<'

Question

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

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

此页面的 js 文件显示 SyntaxError:预期表达式，出现“<”错误。

所有其他路径，如 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 中是否列出了“主页”？

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