首页 > 解决方案 > 如何使用 javascript 将我的文件导入到 app、js?

问题描述

我一直在尝试将 javascript 文件导入到 create-react-app 包中的 app.js。我使用此代码导入我的文件:

注意:我的文件位于名为 components 的文件夹中,您可以在其中找到文件夹 Navigation 及其在该文件夹中。

import script from './components/Navigation/script;

我使用以下方法导出了文件:

export default App;

但是在我的终端中,我收到一条错误消息

Module not found : cant resolve'./components/Navigation/script'

有人可以告诉我如何解决这个错误。先感谢您 :-)

标签: javascriptreactjsimport

解决方案


你语法错误。

import script from './components/Navigation/script;

实际上从 script.js 导入默认导出

export default function() {}

您还可以像这样导入命名导出:

import {something} from "./script.js"

哪些进口

const something = 42;
export something;

我想你可以导入 js(和 css)文件

import "./scripts.js" //or import "./style.css"

但是您通常希望导出单个函数、值等。

您还可以从这样的模块中导入所有内容

import * as React from "react";

但是 create-react-app 配置允许您将其用作

import React from "react"; //Internally equals to import * as React from "react";

推荐阅读