“无法编译” React Aseets文件夹在错误的位置

Question

收到错误。

  

./ src / views / DomeCalculator.jsx找不到模块：无法解析   在'C：\ apps \ open-dome-app \ src \ views'中的'assets / img / calc / both.png'

这些图像位于open-dome-app/src/aseets/

中

我无法让webpack引用我的assets文件夹中的图像资产。
如何从绝对路径改变？

Answer 1

如果我正确理解了您的问题，解决此问题的一种方法是在webpack配置中添加解析别名。

const webpack = require('webpack')
const path = require('path')

const webpackConfig = {
  resolve: {
    alias: {
      src: path.resolve(__dirname, 'src')
    },
  },
  ...
}