Question

我用“create-react-app”创建了一个反应项目。我弹出了访问webpack文件的项目因为我想使用SASS / SCSS ...当我在localhost运行项目时，一切正常，但是当我将项目部署到Heroku时，页面只显示：“找不到模块：无法解决'/ app'中的'sass-loader'“...链接here

这是我的“app.js”：

import React, { Component } from 'react'
import '../stylesheets/index.scss'
import Header from './components/header/header'
import Hero from './components/hero/hero'
import StoriesContainer from './container/stories-container/stories-container'
import EmployeesContainer from './container/employees-container/employees-container'
import JobsContainer from './container/jobs-container/jobs-container'
import logo from '../static/media/logo.png'

class App extends Component {
  render () {
    return (
      <div>
        <Header src={logo} />
        <Hero image={'image.jpg'} title={'Hello World'}>
          <p>Some content here...</p>
        </Hero>
        <StoriesContainer title={'Title 1'} />
        <EmployeesContainer title={'Title 2'} />
        <JobsContainer title={'Title 3'} />
      </div>
    )
  }
}

export default App

在我的package.json中，我还发布了sass-loader和所有必要的依赖项......

我的webpack配置文件看起来像这样（无论如何都是sass部分）：

{
 test: /\.scss$/,
 include: paths.appSrc,
 loaders: ["style-loader", "css-loader", "sass-loader"]
} 

exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.sass$/, /\.scss$/]

如果您需要更多背景信息来帮我解决问题，请告诉我！不确定要发布什么...只是想知道是否有人遇到过同样的问题。提前谢谢！

找不到模块：无法在'/ app'中解析'sass-loader'

0 个答案: