npm link with webpack - cannot find module 使用webpack进行npm链接- 找不到模块

17 浏览
0 Comments

npm link with webpack - cannot find module 使用webpack进行npm链接- 找不到模块

我试图使用webpack作为打包工具将一个模块链接到一个项目中的npm。当然，在尝试了很多方法之后，我一直得到这个错误：

错误在./src/components/store/TableView.jsx中
找不到模块：错误：无法解析模块'react-bootstrap-table'

以下是我在执行此操作时所采取的确切步骤：

1.) cd ../forks/react-bootstrap-table
2.) npm link
（成功，在~/.nvm/.../node_modules/react-bootstrap-table中检查符号链接，它在那里）
3.) cd ../../projRoot/
4.) npm link react-bootstrap-table
（没有抛出错误？，说链接成功）
5.) node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

我尝试过的解决方法：

- https://webpack.github.io/docs/troubleshooting.html

- 如何使链接组件的peerDepdencies使用被链接到的脚本的等效node_modules？

- 以及谷歌搜索结果中的许多紫色链接

webpack.config.js

const webpack = require('webpack')
const path = require('path')
const ROOT_PATH = path.resolve(__dirname)
module.exports = {
  devtool: process.env.NODE_ENV === 'production' ? '' : 'source-map',
  entry: [
    'webpack/hot/only-dev-server',
    './src/index.js'
  ],
  module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loaders: ['react-hot','babel']
    },
    {
      test: /\.scss$/,
      loaders: ['style','css','sass'],
      exclude: /node_modules/
    },
    {
      test: /\.css$/,
      loaders: ['style','css']
    },
    {
      test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
      loader: 'file-loader'
    }
    ]
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
    fallback: path.resolve(__dirname, './node_modules')
  },
  resolveLoader: {
    fallback: path.resolve(__dirname, './node_modules')
  },
  output: {
    path: process.env.NODE_ENV === 'production' ? path.resolve(ROOT_PATH, 'app/dist') : path.resolve(ROOT_PATH, 'app/build'),
    publicPath: '/',
    filename: 'bundle.js'
  },
  devServer: {
    contentBase: path.resolve(ROOT_PATH),
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true,
    stats: 'errors-only',
    host: '192.168.1.115'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ]
}

备注：

1. 这是项目中唯一的符号链接

2. 我在forked版本中运行npm install（也尝试过不运行，不起作用）

3. 我使用NVM，但之前我已经成功使用webpack进行过符号链接。

我已经这样做了几天了，非常感谢任何帮助。

0