我正在使用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" />
我已经阅读了很多东西,说你可以对路径进行导入,但这对我来说仍然不起作用.任何帮助将不胜感激.我知道有很多这样的问题,但他们都告诉我要导入徽标或图像,所以我在大局中遗漏了一些东西.
假设我有两个具有以下文件结构的项目
/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-a和project-b-不能做到这一点,打字稿配置是这些项目略有不同.它也不是很方便,不想这样做.还有其他方法吗?
我有基于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)