E:\git\my-vue-scaffold\node_modules\memory-fs\lib\MemoryFileSystem.js:114 throw new MemoryFileSystemError(errors.code.ENOENT, _path); ^ Error: no such file or directory

[lavas-project]

E:\git\my-vue-scaffold\node_modules\memory-fs\lib\MemoryFileSystem.js:114 throw new MemoryFileSystemError(errors.code.ENOENT, _path); ^ Error: no such file or directory

[xiaobinwu]

srr.js 文件 var serverCompiler = webpack(serverWebpackConfig, (err, stats) => { if (err || stats.hasErrors()) { console.log(err) } console.log('success') });
打印出来的是success

bundle也能获取得到

node -v
v6.11.3

npm -v
3.10.10

[xiaobinwu]

webpack.skeleton.config.js

const { resolve } = require('path')
const nodeExternals = require('webpack-node-externals')
const ExtractTextPlugin = require("extract-text-webpack-plugin")
const glob = require('glob')
const entryJsList = {}
const entries = glob.sync('./src/skeleton/*/entry-skeleton.js')
for (const path of entries) {
const chunkName = path.slice('./src/skeleton/'.length, -'/entry-skeleton.js'.length)
entryJsList[chunkName] = resolve(__dirname, path)
}

console.log(entryJsList)

module.exports = {
target: 'node',
devtool: false,
entry: entryJsList,
output: {
path: resolve(__dirname, 'dist'),
filename: 'static/js/[name].js',
libraryTarget: 'commonjs2'
},
resolve: {
extensions: ['.js', '.json', '.vue'],
alias: {
'~': resolve(__dirname, 'src'),
vue$: 'vue/dist/vue.esm.js'
}
},
module: {
rules: [
{
enforce: 'pre',
test: /.vue$/,
loader: 'eslint-loader',
exclude: /node_modules/
},
{
test: /.js$/,
exclude: /node_modules/,
use: ['babel-loader', 'eslint-loader']
},
{
test: /.vue$/,
loader: 'vue-loader',
options: {
loaders: {
sass: ExtractTextPlugin.extract({
use: 'css-loader!sass-loader',
fallback: 'vue-style-loader'
})
}
}
}
]
},
externals: nodeExternals({
whitelist: /.css$/
}),
plugins: []
}

[xiaobinwu]

解决了呢

[xiaoiver]

CSS 样式文件是用 ExtractWebpackPlugin 从 JS 里提取出来的。而这个插件根据 Webpack 宿主环境 2.x或者3.x 也有两个对应的版本 2.x.x 和 3.x.x。
所以我们这个插件也需要根据项目的 Webpack 版本选择 0.x.x(Webpack 2) 或者 1.x.x(Webpack 3)。

否则可能存在以下的问题：
原项目已经安装了 2.x.x 的 ExtractWebpackPlugin，而安装这个插件时又安装了 3.x.x 的ExtractWebpackPlugin。这样两个版本的依赖同时存在，从 MemoryFS 里就找不着样式文件了。

不过这是插件早期存在的问题，现在通过 package.json 的 peerDependencies，安装插件时发现不匹配是会在控制台给出提示的。

[jiangjunfeng98]

@xiaobinwu 我也遇到一样的问题了，你怎么解决的呢？ 按照作者给出的提示没搞定

[huangyingwen]

按照作者提示，还是没有搞定
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

[huangyingwen]

这个问题已经解决了，如果用 vue-cli 模板配置，注意把 vue-loader.conf.js 修改下，启用
ExtractTextPlugin

const utils = require('./utils')
const config = require('../config')
const isProduction = process.env.NODE_ENV === 'production'

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    // extract: isProduction
    extract: true
  }),
  transformToRequire: {
    video: 'src',
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  }
}

[huangyingwen]

基于 vue-cli 配置，skeleton 会一闪而过，不知道什么原因

[huangyingwen]

我知道什么原因了，服务渲染挂载需要修改

/* eslint-disable no-new */
// new Vue({
//   el: '#app',
//   router,
//   store,
//   loading,
//   template: '<App/>',
//   components: {
//     App
//   }
// })

let app = new Vue({
  router,
  store,
  loading,
  ...App
})

router.onReady(() => {
  store.commit('iniIsandroid')
  store.commit('initClientHeight')
  app.$mount('#app')
})

[huangyingwen]

@jiangjunfeng98 把 vue-loader.conf.js 修改下，我上面已经回复了