相关疑难解决方法(0)

create-react-app在src目录之外导入限制

我正在使用create-react-app.我试图从我的公共文件夹中调用图像src/components.我收到此错误消息.

./src/components/website_index.js找不到模块:您试图导入位于项目src /目录之外的../../public/images/logo/WC-BlackonWhite.jpg.不支持src /之外的相对导入.你可以在src /中移动它,或者从项目的node_modules /中添加一个符号链接.

import logo from '../../public/images/logo_2016.png'; <img className="Header-logo" src={logo} alt="Logo" />

我已经阅读了很多东西,说你可以对路径进行导入,但这对我来说仍然不起作用.任何帮助将不胜感激.我知道有很多这样的问题,但他们都告诉我要导入徽标或图像,所以我在大局中遗漏了一些东西.

javascript reactjs webpack create-react-app

93
推荐指数
14
解决办法
10万
查看次数

如何在TypeScript项目之间共享代码?

假设我有两个具有以下文件结构的项目

/my-projects/

  /project-a/
    lib.ts
    app.ts
    tsconfig.json

  /project-b/
    app.ts         // import '../project-a/lib.ts'
    tsconfig.json
Run Code Online (Sandbox Code Playgroud)

我想消费也lib.ts位于.怎么做?project-aproject-b

  • 将其作为NPM模块发布 - 绝对不希望如此,对于这样一个简单的用例来说,这是一种过度杀伤力.我只想在两个项目之间共享一个文件.

  • 使用import '../project-a/lib.ts'- 不起作用,TypeScript抱怨

'lib.ts' is not under 'rootDir'. 'rootDir' is expected to contain all source files.

  • tsconfig.json一个级别,因此将涵盖project-aproject-b-不能做到这一点,打字稿配置是这些项目略有不同.它也不是很方便,不想这样做.

还有其他方法吗?

typescript

29
推荐指数
4
解决办法
4960
查看次数

如何组织MERN中后端和前端的文件结构

我有基于express + mongoose的后端.文件结构是:

- /models
-- item.js
- /node.modules
-- ...
- server.js
- package-lock.json
- package.json
Run Code Online (Sandbox Code Playgroud)

并为前端定期创建基于create-react-app的文件夹:

- /src
-- /assets
--- index.css
-- /components
--- Somecomponent.js
-- /containers
--- App.js
-- /reducers
--- somereducers.js
- /node.modules
-- ...
-- index.js
-- registerServiceWorker.js
- .gitignore
- package-lock.json
- package.json
Run Code Online (Sandbox Code Playgroud)

我想一起以正确的方式使用它.我想用这种方式组织它:

- /client 
-- /src
...
-- index.js
-- registerServiceWorker.js
- .gitignore
- package-lock.json
- package.json

- /server
- /models
-- item.js
- /node.modules
-- ...
- server.js
- package-lock.json …
Run Code Online (Sandbox Code Playgroud)

node.js npm express reactjs

19
推荐指数
2
解决办法
1万
查看次数