亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用我在 Gatsby 網站上使用 Babel 和 Rollup 創建的 ES6 React Lib

使用我在 Gatsby 網站上使用 Babel 和 Rollup 創建的 ES6 React Lib

胡子哥哥 2022-06-09 10:26:12
我創建了一個簡單的 React Lib,用于componentDidMount將外部腳本注入 dom,如下所示:import { Component } from "react"class Embed extends Component {  componentDidMount () {    const script = document.createElement("script")    script.async = true    script.src = "https://cdn.mysite.com/embed.js"    document.head.appendChild(script);  }  render() {    return null  }}export default Embed這個文件在src/components/Embed.js然后在src/index.js我有:import Embed from './components/Embed'export default Embed我的package.json樣子是這樣的:{  "name": "my-embed-js",  "version": "1.3.0",  "description": "A react wrapper for my embed script",  "main": "dist/index.cjs.js",  "module": "dist/index.esm.js",  "browser": "dist/index.js",  "files": [    "dist"  ],  "scripts": {    "build": "rollup -c",    "dev": "rollup -c -w",    "test": "echo \"Error: no test specified\" && exit 1",    "prepublish": "rm -rf ./dist && npm run build"  },  "keywords": [],  "author": "Me",  "license": "MIT",  "devDependencies": {    "@babel/core": "^7.9.0",    "@babel/preset-env": "^7.9.0",    "@babel/preset-react": "^7.9.0",    "@rollup/plugin-commonjs": "^11.0.2",    "@rollup/plugin-node-resolve": "^7.1.1",    "react": "^16.13.1",    "react-dom": "^16.13.1",    "rollup": "^2.3.2",    "rollup-plugin-babel": "^4.4.0",    "rollup-plugin-peer-deps-external": "^2.2.2"  },  "peerDependencies": {    "react": "^16.13.1",    "react-dom": "^16.13.1"  }}我.babelrc的很簡單:{  "presets": [    "@babel/env",    "@babel/react"  ]}在我的rollup.config.js文件中:import peerDepsExternal from 'rollup-plugin-peer-deps-external'import babel from 'rollup-plugin-babel'import resolve from '@rollup/plugin-node-resolve'import commonjs from '@rollup/plugin-commonjs'import pkg from './package.json'const INPUT_FILE_PATH = 'src/index.js';const OUTPUT_NAME = 'MyEmbedJs';這里發生了什么?除了我只是把我帶入死胡同的 linter 東西之外,我沒有看到任何有用的錯誤消息。有什么想法嗎?
查看完整描述

1 回答

?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

我能夠通過刪除我的庫的 UMD 部分來修復錯誤:


從rollup.config.js刪除:


  {

    file: pkg.browser,

    format: 'umd',

  },

并從package.json刪除:


"browser": "dist/index.js",


查看完整回答
反對 回復 2022-06-09
  • 1 回答
  • 0 關注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號