export 'default' (imported as '__vue_script__') was not found in

[qinshenxue]

.babelrc

 "presets": [
        ["env", { "modules": false }]
 ]

when i use import in vue files, it occurs the following warnings. and it's ok with require.

<script>
import 'style.less'
</script>

"export 'default' (imported as '__vue_script__') was not found in '!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./less.vue'

package.json

{
        "babel-core": "^6.26.0",
        "babel-loader": "^7.1.2",
        "babel-preset-env": "^1.6.0",
        "vue": "^2.4.4",
        "vue-loader": "^13.0.5",
        "vue-router": "^2.7.0",
        "vue-template-compiler": "^2.4.4",
        "webpack": "^3.6.0",
        "webpack-dev-server": "^2.9.1",
}

is there any problems ?

[LinusBorg]

Pleaser use forum.vuejs.org or chat.vuejs.org for questions.

[qinshenxue]

I finally found the solution and the reason. Setting modules with false means that babel don't resolve module system any more.
So far, webpack don't support dynamic import, so we should add a dynamic-import plugin by ourselves.

npm install --save-dev babel-plugin-syntax-dynamic-import

.babelrc

{
    "presets": [
        [
            "env",
            {
                "modules": false
            }
        ]
    ],
    "plugins": [
        "syntax-dynamic-import"
    ]
}

[Jinjiang]

We couldn't see the whole project you mentioned. But I guess this error means you don't export anything in <script>.

If you add a line of code: export default {}, maybe it won't be error again.

If a Vue sfc doesn't have any <script> part that's OK. But if it has, you must export something (even just a empty plain object).

Thanks.

[qinshenxue]

@Jinjiang thanks
the really reason!

[PradeepThite]

@Jinjiang thanks
the really reason!