npm本地路径-是否可以从子文件夹导入?

米莎·莫罗什科(Misha Moroshko)

给定以下利用本地路径的文件夹结构

dist
  components
    Button.js
  index.js
src
  components
    Button.js
  index.js
website
  pages
    components
      button.js
  package.json
  ...
package.json

src / components / Button.js

export const VARIANTS = ["primary", "secondary"];

function Button({ variant = "primary"}) {
  ...
}

Button.propTypes = {
  variant: PropTypes.oneOf(VARIANTS),
};

export default Button;

src / index.js

export { default as Button } from "./components/Button";

website / package.json

{
  "dependencies": {
    "design-system": "file:..",
    ...
  }
  ...
}

package.json

{
  "name": "design-system",
  "main": "dist/index.js",
  "scripts": {
    "transpile": "rimraf dist && babel src -d dist",
    ...
  },
  ...
}

导入Button工作正常:

网站/页面/组件/button.js

import { Button } from "design-system";

但是,直接从子文件夹导入不起作用:

网站/页面/组件/button.js

import { VARIANTS } from "design-system/components/Button";

找不到此依赖项:design-system / components / Button

我在这里想念什么?

穆罕默德·拉姆拉米(Mohamed Ramrami)

当您从design-system这样导入时

import { Button } from "design-system";

因为您的"main": "dist/index.js"帐户中有一个字段package.json它与:

import { Button } from "design-system/dist/index.js";

哪个有效,因为文件存在。

要从您的dist文件夹中导入其他任何模块,您必须是特定的并以design-system/dist开头

import { VARIANTS } from "design-system/dist/components/Button";

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从子文件夹访问文件的以下路径级别

Cygwin`rsync`本地文件夹路径

从npm包的子文件夹导入

Python:从本地文件夹导入库,无需编辑系统路径

从“主”文件夹导入时,Golang的导入路径无效

是否可以从Sonatype Nexus Repository Manager 3.x的本地文件夹中部署工件

无论如何,是否可以安全清理本地Firebase项目文件夹?

是否可以根据名称而不是路径选择文件夹?VBA-展望

是否可以在android插件(gradle)中指定buildTools和platforms文件夹的路径

是否可以为输入类型 IFormFile 设置文件夹路径

是否可以使用npm在多个子文件夹中运行脚本?

npm install -g正在安装到本地文件夹

Python从上方的文件夹导入而不使用路径?

如何禁用从我的 npm 包导入子文件夹

从子文件夹导入模块

从子文件夹导入模块

从子文件夹动态 Vue 导入

从子文件夹导入Django模块

在Python中从子文件夹导入

python从子文件夹导入

startDownloadingUbiquitousItemAtURL本地文件路径?

是否可以从本地存储数据生成文本或xml文件并将其保存在文件夹中?

Nuxt js。是否可以为 _nuxt 文件夹中生成的 js 文件设置自定义路径?

如何从子文件夹获取本地化数组值?

如何从子文件夹中获取路径的其余部分

获取npm模块文件夹的路径(无主文件夹)

在Ubuntu 14.04的哪里可以找到本地文件夹和gedit插件文件夹?

检查Go导入路径是否为本地

确定指定文件夹路径中的子文件夹是否为空