使用CloudFlare页面构建NPM在＆＃x27;找不到模块＆＃x27;

Question

我正在尝试将我的Create-React-App网站上传到CloudFlare页面，但是，当我添加此行时，一切都很好：从“页面/notfound.js” import notfoundpage;给我的app.js的代码，它引发了一个相当奇怪的错误：

22:57:43.995    Failed to compile.
22:57:43.996    
22:57:43.996    ./src/App.js
22:57:43.996    Cannot find module: 'pages/NotFound.js'. Make sure this package is installed.
22:57:43.996    
22:57:43.996    You can install this package by running: npm install pages/NotFound.js.

使这更令人困惑的是，它上方的代码完全可以正常工作：

import PrivacyPolicyPage from "pages/PrivacyPolicy.js";
import TermsOfUsePage from "pages/TermsOfUse.js";
import NotFoundPage from "pages/NotFound.js";

有人知道为什么会发生这种情况，最重要的是，为什么应用程序在上我的家庭环境（Windows 11）而不是Cloudflare页面？

notfound.js的代码：

import React, { useState } from 'react';
import { Helmet } from 'react-helmet';
import ScrollToTop from 'components/ScrollToTop';
import NotFound from 'components/NotFound';
import Sidebar from 'components/Sidebar';
import Navbar from 'components/Navbar';
import Footer from 'components/Footer';

function NotFoundPage() {
  const [isOpen, setIsOpen] = useState(false);

  const toggle = () => {
    setIsOpen(!isOpen);
  };
  return (
    <>
      <Helmet>
        <link rel="stylesheet" href="/css/notfound.css" />
      </Helmet>
      <ScrollToTop />
      <Sidebar isOpen={isOpen} toggle={toggle} />
      <Navbar noFade toggle={toggle} />
      <NotFound />
      <Footer sticky />
    </>
  );
}

export default NotFoundPage;

和app.js：

import React from "react";
import "App.css";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import Home from "pages";
import PrivacyPolicyPage from "pages/PrivacyPolicy.js";
import TermsOfUsePage from "pages/TermsOfUse.js";
import NotFoundPage from "pages/NotFound.js";

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/" component={Home} exact />
        <Route path="/privacy-policy" component={PrivacyPolicyPage} exact />
        <Route path="/terms-of-use" component={TermsOfUsePage} exact />
        <Route component={NotFoundPage} />
      </Switch>
    </Router>
  );
}

export default App;

注意：我已经在./的开始时尝试过它尝试在导入对象周围添加{}，并且两个都没有起作用，从而丢弃了相同的错误。 npm bulderify- errorify-错误 - 无法找到模块没有找到模块帮助。

感谢任何可以提供帮助的人。

Answer 1

我设法通过（并且知道这听起来很奇怪）将问题重命名为pages目录到page。我的猜测是，Cloudflare正在做一些奇怪的事情，但我真的不确定。