相关疑难解决方法(0)

语境

我有两个项目，main并且styles. Main用作stylesnpm 包，将其导入为@companyname/styles. 我需要进行更改styles并希望在本地链接它以查看main.

这是一个 React 应用程序，使用 Webpack 和 babel。Yarn 是最受欢迎的包管理器。

问题

使用npm linkORyarn link可以工作，因为我可以进入node_modules/@companyname/styles其中的文件夹main并查看其中的更改。

但是，浏览器中不会反映任何更改。

我一次只使用其中之一（yarn/npm），但其中之一存在问题

我尝试过的事情

• 正在删除node_modules、重新安装和重新链接
• 取消链接和重新链接
• 重建
• 清除npm缓存，清除yarn缓存
• 以隐身方式查看网站
• 删除dist文件夹中main并重新安装
• 添加CleanWebpackPlugin到我的 webpack 配置
• 添加hot: true,到我的devServerwebpack 配置中的配置。

长话短说

Yarn/npm 链接不会显示我在浏览器中的更改，但会显示node_modules. 导致浏览器无法读取更改的原因。请帮忙。

我有一个像这样的简单组件。

import React, {useState} from 'react';

function MyComponentWithState(props) {
    const [value, setValue] = useState(0);

    return (
        <p>My value is: {value}</p>
    ) 
}

export default MyComponentWithState;

我想将它作为单独的包发布在 NPM 上。因此，为此我准备了如下所示的package.json和webpack.config.js。

包.json：

{
  "name": "try-to-publish",
  "version": "0.0.1",
  "description": "Just a test",
  "main": "build/index.js",
  "scripts": {
    "start": "webpack --watch",
    "build": "webpack"
  },
  "author": {
    "name": "Behnam Azimi"
  },
  "license": "ISC",
  "peerDependencies": {
    "react": "16.9.0",
    "react-dom": "16.9.0"
  },
  "dependencies": {
    "react": "16.9.0",
    "react-dom": "16.9.0",
    "prop-types": "15.7.2",
    "react-scripts": "3.1.1",
    "webpack": "4.39.3"
  }, …