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

问题描述

一切都可以在localhost正常工作。这就是为什么不能经常测试。 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都可以正常工作。

我无法解决如何为多个斜线网址页面解决此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;

请帮助。

解决方法

package.json中是否列出了“主页”？

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