我在 Webpack 中设置了一个自定义入口点,但在我的 React 代码的这一行中出现错误:
import React from 'react';
Webpack 能够构建它,但它不会拦截该路径,因为 Chrome 给了我这个控制台错误:
未捕获的类型错误:无法解析module说明符“react”。相对引用必须以“/”、“./”或“../”开头
但是,当我按照建议更改路径时:
import React from './react';
然后 webpack 无法构建并出现此错误:
找不到 ./path/to/my/file.js module中的错误:错误:无法解析“/Users/me/Documents/GitHub/myProject/path/to/my @ ./path”中的“./react” /to/my/file.js 3:0-28
此外,我收到此 Chrome 控制台错误:
GET http://localhost:9000/path/to/my/file/react net::ERR_ABORTED 404(未找到)
所以 webpack 正在寻找 react inpath/to/my/
而不是 in node_modules
。
我的webpack.config.js
看起来像这样:
//snip
module.exports = {
entry: './path/to/my/file.js',
output: {
path: path.join(__dirname, '/build'),
publicPath: '/',
filename: 'bundle.js'
},
devServer: {
contentBase: path.join(__dirname, '/'),
port: 9000
},
//snip
}
和 package.json
{
//snip
"main": "path/to/my/file.js",
//snip
}