文章/答案/技术大牛

发布

社区首页 >问答首页 >Webpack sass-loader看不懂'@‘抛出错误

问Webpack sass-loader看不懂'@‘抛出错误
EN

Stack Overflow用户

提问于 2016-09-14 00:33:50

回答 1查看 1.6K关注 0票数 1

我有问题加载scss文件通过webpack。我看到，很多人都有同样的问题，没有任何解释。

基本上，我得到了错误：

ERROR in ./src/app/theme.scss
Module parse failed: C:\Users\pi15463\www\crm_ng2\src\app\theme.scss Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '@' (1:0)

我的主题Scss：

@import 'theme/variables/variables.scss';
@import 'theme/mixins/mixins.scss';
@import 'theme/nba.component.scss';
@import 'theme/layout.scss';

我的webpack常用配置：

{
                 test: /\.scss$/,
                 loader: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: 'css-loader!sass-loader?sourceMap' }),
                 include: helpers.root('src', 'app'),
                 exclude: helpers.root('node_modules')
             }

webpack开发配置：

plugins: [
        new ExtractTextPlugin({ filename: '[name].css', allChunks: true })

    ],

我几乎什么都试过了，还是一样的。怎么可能，那个粗鲁的装载器不知道'@‘是什么？请帮帮我！

webpack

angular

sass

回答 1

Stack Overflow用户

发布于 2016-09-14 19:41:57

我通过这些步骤解决了这个问题(现在，我对意外字符‘@’没有问题)：

在根组件中：

import './theme.scss';
@Component({

    selector: 'my-app',
    template: `
        <a routerLink="/nba">nba</a>
        <router-outlet></router-outlet>`
})

在Webpack.common中：

 {
       test: /\.scss$/,
       loader: 'style-loader!css-loader!sass-loader?sourceMap',
       exclude: helpers.root('node_modules')
 }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39474949

复制

相似问题

问Webpack sass-loader看不懂'@‘抛出错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Webpack sass-loader看不懂'@‘抛出错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Webpack sass-loader看不懂'@‘抛出错误
EN